/*
Theme Name: X Artist ID LookUp Child
Theme URL: https://artbattle.com
Description: Twenty Seventeen Child Theme
Author: Simon Plashkes
Author URL: https://artbattle.com
Template: x
Version: 1.0.0
Text Domain: x-child
TEST
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

body {
    font-family: 'Poppins', sans-serif !important
}

.result-container {
    width: 100%;
    max-width: 1200px !important;
    margin: 30px auto !important;
}

#tribe-events-pg-template {
    padding: 0 !important;
}

.tribe-events-content h2,
.tribe-events-content h3,
.tribe-events-content h4,
.tribe-events-content h5,
.tribe-events-content h6 {
    margin-bottom: 15px;
    margin-top: 0px;
}

.hentry {
    margin-top: 0 !important;
}

.single-tribe_events .tribe-events-single-event-title {
    font-size: 350% !important;
}

.single-tribe_events .x-container.offset {
    margin: 10px auto !important;
}

@media (min-width: 768px) {
    .tribe-events-back {
        margin-bottom: 20px;
    }
}

.tribe-events-content button {
    border: none;
    display: inline-block;
    margin-right: 20px;
    color: #fff;
    background-color: black;
    padding: 14px 20px;
    border-radius: 10px;
    font-weight: 600;
    transition: all 500ms;
    border: 2px solid black;
}

.tribe-events-content button:hover {
    background-color: #fff;
    color: black;
}

.tribe-events-content h1 {
    margin: 10px 0 20px 0;
    font-size: 300%;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600;
    letter-spacing: 0;
}

.tribe-events-schedule h2 {
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    font-size: 1.5em;
}

.tribe-events-schedule h2::before {
    content: '';
    width: 100%;
    height: 2px;
    background-color: black;
    display: block;
}

.tribe-events-schedule h2::after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: black;
    display: block;
}

.x-navbar .desktop .x-nav > li > a {
    font-weight: 600 !important;
}

.page-id-440254, .page-id-440254 .site {
    background: #000000 !important;
}

.post-440254-wrapper {
    color: #fff;
}

.round-number {
    font-weight: 700;
    font-size: 16px;
    text-decoration: underline;
}

.single-artist {
    margin-bottom: 60px;
}

.top-auction-nav {
    margin-top: 30px;
}

.top-auction-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.top-auction-nav ul li {
    display: inline-block;
    padding: 4px 0px;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 20px;
}

.top-auction-nav ul li:first-child {
    margin-left: 0;
}

.top-auction-nav ul li.active {
    border-bottom: 1px solid #fff !important;
}

.top-auction-nav ul li a {
    color: #fff !important;
}

.top-action-info {
    margin: 25px 0;
}

.top-action-info h2 {
    margin: 0;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
}

.top-action-info span {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    font-style: italic;
}

.round-winners {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 20px;
    row-gap: 30px;
}

.round-winners .winner {

}

.round-winners .winner img {
    border: 5px solid #fff !important;
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.round-winners .winner .artist-name {
    font-weight: 500 !important;
    margin: 10px 0 0;
    letter-spacing: 0.2px;
    color: #fff !important;
    display: block !important;
    font-size: 8px !important;
}

.round-winners .winner .artist-name span {
    font-size: 10px;
    display: block;
    font-weight: 700;
}

.round-winners .winner .event-location {
    font-size: 9px;
    font-style: italic;
}

.allbids-container, .city-container {
    max-width: 1000px;
    margin: 60px auto;
}

.allbids-container .row {
    display: flex;
    align-items: start;
    margin-bottom: 30px;
}

.allbids-container .col-half {
    width: 50%;
}

.allbids-container h1 {
    margin: 10px 0;
    padding: 4px 0px;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    color: #000000;
}

.allbids-container h2 {
    margin: 10px 0;
    padding: 4px 0px;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    color: #000000;
}

.allbids-container h3 {
    margin: 10px 0;
    padding: 4px 0px;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: #000000;
}

.allbids-container h4 {
    margin: 10px 0;
    padding: 4px 0px;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    color: #000000;
}

.allbids-container .col-half:first-child {
    max-width: 150px;
}

.allbids-container .col-half img {
    max-width: 130px;
}

.allbids-container table {
    text-align: center;
}

.allbids-container tr,
.allbids-container table th, .allbids-container table td {
    border-top: 1px solid #d6d6d6;
    text-align: left;
}

.allbids-container table td a {
    color: #000000;
}

.allbids-container table tr:last-child td {
    font-weight: 700;
}

.event-result {
}

.event-result .event-name {
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 30px;
}

.event-result .event-name span {
    font-weight: 400;
    display: block;
    font-size: 20px;
    font-style: italic;
    margin-top: -10px;
}

.event-finalists {
    display: flex;
    align-items: start;
    gap: 60px;
}

.champion-col {
    min-width: 300px;
}

.finalist-col {
}

.finalist-col .first-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-bottom: 30px;
}

.finalist-col .second-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-bottom: 30px;
}

.contestant {
    display: flex;
}

.contestant .figure {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.contestant .figure img {
    max-width: 100%;
    width: 100%;
    min-height: 450px;
    object-fit: cover;
}

.contestant .figure .contestant-name {
    font-weight: 700;
    font-size: 13px;
    margin: 10px 0 0;
    line-height: 20px;
}

.contestant .figure .abid {
    font-style: italic;
    font-size: 11px;
}

.contestant .figure .abid a {
    color: #000000;
}

.event-heading {
    font-weight: 600;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.remaining-entries {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 25px;
    margin-bottom: 30px;
}

.first-row .contestant .figure img {
    min-height: 350px;
    object-fit: cover;
}

.second-row .contestant .figure img {
    height: 200px;
    max-height: 200px;
    object-fit: cover;
    min-height: 200px;
}

.remaining-entries .contestant .figure img {
    height: 200px;
    max-height: 150px;
    object-fit: cover;
    min-height: 150px;
}

.event-votes-area {
    display: flex;
}

.auction-side {
    min-width: 300px;
}

.votes-side {
    padding-right: 120px;
}

.auction-results {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.auction-results .result {
    display: flex;
    align-items: center;
}

.auction-results .result .rs-amount {
    font-weight: 700;
    font-size: 16px;
    margin-right: 20px;
}

.ac-contestant {
    display: flex;
    flex-direction: column;
    font-weight: 700;
    line-height: 21px;
}

.ac-contestant a,
.ac-contestant a:hover,
.ac-contestant a:focus {
    color: #000000;
}

.ac-contestant span {
    font-weight: 400;
    font-style: italic;
}

.vote-colors {
    display: flex;
    margin-top: 20px;
}

.official-weight {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative;
    padding-right: 80px;
    font-size: 16px;
}

.raw-votes {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px;
    position: relative;
}

.official-weight::after {
    position: absolute;
    content: "";
    top: 11px;
    left: calc(100% - 70px);
    height: 5px;
    background: #00A84E;
    width: 40px;
}

.raw-votes::after {
    position: absolute;
    content: "";
    top: 11px;
    right: -55px;
    height: 5px;
    background: #4660B5;
    width: 40px;
}

.round {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    position: relative;
    padding-right: 80px;
    font-size: 16px;
}

.round-artists {
    display: flex;
    flex-direction: column;
}

.single-round-artist {
    display: flex;
    align-items: center;
    align-content: center;
    margin-bottom: 10px;
}

.single-round-artist .easel-number {
    font-weight: 700;
}

.round-artist-name {
    font-weight: 600;
    line-height: 20px;
    font-size: 14px;
}

.round-artist-name span {
    display: block;
    font-weight: 400;
    font-style: italic;
    font-size: 12px;
}

.round-artist-name span a {
    color: #000000;
}

.single-round-artist .info {
    display: flex;
    margin-left: 20px;
    width: 100%;
    max-width: 250px;
    position: relative;
}

.post-440359-wrapper {
    padding-bottom: 50px;
}

.votes-area {
    max-width: 500px;
}

.vote-bars {
    width: 100%;
}

.vote-weight-bar {
    background: #00A84E;
    width: 0%;
    height: 5px;
    margin-bottom: 6px;
}

.raw-votes-bar {
    background: #4660B5;
    width: 0%;
    height: 5px;
    margin-bottom: 6px;
}

.vote-factor-bar {
    display: flex;
    width: 0%;
    height: 5px;
}

.vote-factor-bar .range-1 {
    background-color: #FFD700;
}

.vote-factor-bar .range-2 {
    background-color: #FFA500;

}

.vote-factor-bar .range-3 {
    background-color: #00ffff;

}

.vote-factor-bar .range-4 {
    background-color: #683359;

}

.vote-factor-bar .range-5 {
    background-color: #6b5b95;

}

.vote-factor-bar .range-6 {
    background-color: #ff6b6b;

}

.vote-factor-bar .range-7 {
    background-color: #ff355e;

}

.single-round-artist .info.winner:before {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    background: #000;
    border-radius: 100%;
    left: -23px;
    top: 10px;
}

.event-city-name {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 32px;
    margin: 20px 0;
}

.city-event {
    margin-bottom: 30px;
}

.city-event .event-date {
    font-size: 18px;
    font-weight: 300;
    color: #333;
    text-transform: uppercase;
}

.city-event .event-title {
    font-weight: 700;
    line-height: 36px;
    font-size: 28px;
}

.city-event .event-title a {
    color: #000000;
}

.city-event .event-winners {
    font-size: 18px;
    font-style: italic;
}

.city-event .event-winners span.winner {
    font-weight: 600;
    font-style: normal;
}

.city-event .artists-art {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
    margin-top: 10px;
}

.city-event .artists-art figure {
}

.city-event .artists-art figure img {
    height: 280px;
    width: 100%;
    object-fit: cover;
}

ul.city-events {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.city-events li a {
    color: #000;
    font-weight: 500;
    font-size: 16px;
}

.fa {
    font-family: "FontAwesome" !important;
    font-weight: 900;
}

.fa-link:before {
    content: "\f0c1";
}

ul.city-events li a .fa {
    font-size: 14px;
    margin-right: 5px;
}

.round span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    text-transform: initial;
    margin-bottom: 10px;
}

@media (max-width: 992px) {
    .round-winners {
        grid-template-columns: repeat(5, 1fr);
    }

    .allbids-container {
        margin: 60px 20px;
    }

    .artists-art {
        grid-template-columns: repeat(4, 1fr);
    }

    .city-event .event-winners {
        font-size: 13px;
    }
}

@media (max-width: 767px) {

    .table-wrap th:nth-child(3),
    .table-wrap th:nth-child(5),
    .table-wrap tr td:nth-child(3),
    .table-wrap tr td:nth-child(5) {
        display: none !important;
    }

    .table-wrap th {
        padding: 30px 20px !important;
    }

    .round-winners {
        grid-template-columns: repeat(4, 1fr);
    }

    .table-wrapper {
        overflow-x: scroll;
    }

    .table-wrapper table {
        width: 700px;
    }

    .event-finalists, .event-votes-area {
        display: block;
    }

    .contestant .figure img {
        max-width: 100%;
        width: 100%;
        height: 400px;
        object-fit: cover;
    }

    .finalist-col .first-row,
    .finalist-col .second-row,
    .remaining-entries {
        grid-template-columns: repeat(2, 1fr);
    }

    .first-row .contestant .figure img,
    .second-row .contestant .figure img,
    .remaining-entries .contestant .figure img {
        height: 240px;
        min-height: 240px;
        object-fit: cover;
    }

    .vote-colors {
        display: block;
    }

    .official-weight, .raw-votes {
        padding-right: 0px;
    }

    .official-weight:after, .raw-votes:after {
        left: calc(100% - 120px);
        right: unset;
    }

    .votes-side {
        padding: 0;
    }

    .single-round-artist {
        display: block;
    }

    .vote-bars {
        margin: 10px 50px 15px 20px;
        max-width: calc(100% - 140px);
    }

    .raw-votes-bar, .vote-weight-bar {
        height: 4px
    }

    .city-event .artists-art {
        grid-template-columns: repeat(3, 1fr);
    }

    .city-event .event-date {
        font-size: 15px;
    }

    .city-event .event-title {
        font-weight: 700;
        line-height: 30px;
        font-size: 20px;
    }
}

@media (max-width: 600px) {
    .round-winners {
        grid-template-columns: repeat(3, 1fr);
    }

    .city-event .artists-art {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 450px) {
    .round-winners {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        row-gap: 15px;
    }

    .top-auction-nav ul li {
        display: inline-block;
        padding: 4px 0px;
        font-weight: 600;
        font-size: 15px;
        text-transform: uppercase;
        margin: 0 6px;
    }

    .official-weight:after, .raw-votes:after {
        left: 165px;
        right: unset;
        width: 60px;
    }
}