/*
Theme Name: AEW Results
Theme URI: https://burkie.com
Description: AEW WordPress themes
Version: 2.6
Author: Burkie
Author URI: https://burkie.com
Tags: minimal
*/

/* DARK MODE 

    background-color: rgb(36, 37, 37);
    color: rgb(213, 208, 198);

*/

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #eee;
    opacity: 0.8; 
}
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #eee;
    opacity: 0.8; 
}
  
::-ms-input-placeholder { /* Microsoft Edge */
    color: #eee;
    opacity: 0.8; 
}

html {
    scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
    min-width: 0;
    list-style: none;
    text-decoration: none;
    padding: 0;
    margin: 0;
}
  
body {
    min-height: 100dvh;
    font-display: swap;

}

::-moz-selection { 
    background: #043549; 
    color: #fff;
}

::selection { 
    background: #043549;
    color: #fff;
}

:focus {
    outline: none;
}

body,
input,
textarea,
select,
select,
button {
    background: #ffffff;
    color: #4d4e50;
    font: 17px "bricolage-grotesque", sans-serif;   
    font-weight: 300;
    font-style: normal;
    font-display: auto;
    color: #18181d;
    margin: 0px 0 0 0
}

input,
input[type="search"],
input[type="number"] {
    border: 1px solid #999;
}

select {
    background: #fff url('svg/down.svg') no-repeat right 20px center;
    background-size: 20px;
    font: 16px "bricolage-grotesque", sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 20px;
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    border: 2px solid #043549;
    color: #043549;
    border-radius: 0px;
    height: 40px;
    text-indent: 20px;
    appearance: none;     
    -webkit-appearance: none;   
    -moz-appearance: none;         
}

h1,
hgroup h2 {
    font: 64px "zuume-cut", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-wrap: balance;
}

h2 {
    font: 48px "zuume-cut", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-wrap: balance;
}

h2 a,
h2 a:visited {
    font: 30px "bricolage-grotesque", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #c2ac63;
    margin: 0 0 15px 0;
    display: inline-block;
}

h3 {
    font: 36px "zuume-cut", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-wrap: balance;
    margin: 0 0 20px 0;
}

.stats h3 {
    font: 75px "zuume-cut", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-wrap: balance; 
}

.accordion-title h4,
.stats h4 {
    margin: 0;
}

ul.rows li:first-of-type .stats h3 {
    font-size: 120px;
}

.stats h3 a {
    color: #043549;
    border: 0;
}

.stats p {
    font-size: 14px;
}

.inner h3,
h4,
hgroup h5 {
    font: 24px "bricolage-grotesque", sans-serif;   
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    line-height: 1.2;
    margin: 0 0 10px 0;
}

.win-rates h4 {
    text-align: center;
}

h5 {
    font: 18px "bricolage-grotesque", sans-serif;   
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    line-height: 1;
}

h6 span {
    border: 1px solid #eee;
    padding: 3px 30px; 
    border-radius: 3px;
    font-size: 13px;
}

h6 {
    font: 14px "bricolage-grotesque", sans-serif;   
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    line-height: 1.2;
    text-transform: uppercase;
}

a {
    color: #1E90FF;
    border-bottom: 1px solid #00d8ff;
    text-decoration: none;
}

a:hover {
    color: #1A78D6;
    transition: all 0.3s ease-in;
}

a:visited {
    color: #8000C8;
}

span a {
    margin: 0 3px 0 0;
}

b, strong {
    font-weight: 700;
}

ul > li {
    padding: 10px 0;
    //border-bottom: 1px dashed #eee;
}

ol {
    margin: 20px 0 20px 0;
}

ol > li {
    list-style: decimal-leading-zero;
    list-style-position: outside;
    margin: 10px 0px 10px 35px
}

li.warning {
    background: #EBC0BE; 
}

li.warning a {
    color: #333;
    border-bottom: 1px solid #000;
}

summary {
    border-bottom: 2px solid #eee;
    display: inline-block;
    padding: 10px 0;
}

/* HEADER */

hgroup  {
    margin: 0 0 30px 0;
}

a.house {
    display: block;
    background: url('svg/home-dark.svg') no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9999;
    border: 0;
}

a.fan {
    background: url('svg/user.svg') center no-repeat;
    background-size: 30px;
    position: absolute;
    right: 45px;
    top: 10px;
    width: 30px;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    border: 0;
}

.searchicon {
    background: url('svg/search-dark.svg') center no-repeat;
    background-size: 30px 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    border: 0;
}

.searching {
    background: #fff;
    padding: 30px 0;
    border-bottom: 2px solid #18181d;
    max-width: 90%;
    padding: 20px 5%;
    margin: 0px auto;
    display: none;
}

.searching form.search-form {
    margin: 20px 0 0 0;
}

.searching form.search-form input {
    width: 100%;
    border: 1px solid #333;
    padding: 10px;
}

a.exit {
    display: none;
}

.close {
    font-size: 12px;
    text-align: right;
    color: #333;
    margin: 10px 0 0 0;
    cursor: pointer;
    text-transform: uppercase;
}

a.miniremove {
    position: relative;
    color: #333;
    font-size: 18px;
    display: inline-block;
    margin: 0 20px 0 0;
    text-transform: uppercase;
    border: 0;
    font-weight: 700;
}

a.miniremove:before {
    content: '';
    position: absolute;
    top: -3px;
    right: -19px;
    background: #fff url('svg/remove.svg') no-repeat;
    background-size: cover;
    opacity: 1;
    transition: opacity .3s ease-in;
    border-radius: 20px;
    width: 20px;
    height: 20px;
}

aside {
    width: 1020px;
    max-width: 96%;
    margin: 30px auto 30px;
}

aside h2 {
    color: #18181d;
}

main {
    margin: 0px auto 40px;
    //background: #F8F9FB;
    overflow: hidden;
}

section {
    margin: 0px auto 40px;
}

main.last {
    margin: 0px auto 0px;
}

main.single {
    display: none !important;
}

main select {
    margin: 0 0 10px 0;
}

main select:last-of-type {
    margin: 0;
}

ul.four {
    overflow: hidden;
}

ul.four .w25 {
 
}

ul.four .w70 {
 
}

ul.four .w70 li {
    display: inline-flex;
}

ul.yearapps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next row */
    gap: 0px; /* Optional: Space between items */
}
  
ul.yearapps div {
    flex: 1 1 auto; /* Distribute space equally without specifying a fixed width */
    box-sizing: border-box; /* Ensures padding and border are included in the size */
}

ul.yearapps h5 {
    text-align: center;
}

ul.yearapps b {
    font-weight: 700;
    color: #043549;
    display: block;
    text-align: center;
}

.yearapps dl {
    display: flex;
}

.yearapps dl dt {
    flex-basis: 40%;
    font-size: 50px;
    line-height: 1;
    text-align: right;
    margin: 0 2% 0 0;
    font: 40px "zuume-cut", sans-serif;
    font-weight: 700;
    font-style: normal;

    color: #043549;
}

.yearapps dl dd {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
}

span.godown {
    background: url('svg/arrow-down.svg') 0px 5px no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 30px;
    float: left;
    padding: 0px 0 0px 20px;
    position: relative;
}

span.goup {
    background: url('svg/arrow-up.svg') 0px 5px no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 30px;
    float: left;
    padding: 0px 0 0px 20px;
    position: relative;
}

span.goright {
    background: url('svg/arrow-right.svg') 0px 5px no-repeat;
    background-size: 20px 20px;
    width: 30px;
    height: 30px;
    float: left;
    padding: 0px 0 0px 23px;
    position: relative;
}

ul.rows {
  display: flex;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  align-items: center;
}

ul.rows li {
  flex: 1;
  text-align: center;
  padding: 20px 20px 0 20px;
}

ul.rows li h3 {
    color: #043549;
    margin: 0;
}

ul.rows li:first-of-type dl {
    width: 100%;
    float: none;
    margin: 0px auto;
    background: url('svg/blob.svg') no-repeat center;
    background-size: contain;
}

.w45.mr5 {
    width: 45%;
    margin: 0 5% 0 0;
    float: left;
}

.w50 {
    width: 50%;
    float: left;
}

.unos, .duos {
    width: 50%;
    float: left;
}

ul.two > li {
    width: 50%;
    float: left;
    padding: 0;
}

ul.inline main:last-of-type,
ul.two main:last-of-type {
    margin: 0;
}

/* STYLES */

.fade h3 {
    font: 26px "bricolage-grotesque", sans-serif;
    background: rgb(237 253 254);
     padding: 5px 20px;
    color: #043549;
    font-weight: 300;
    line-height: 1.5;
    border: 0;
    margin: 0;
}

input[type="submit"],
button[type="submit"],
a.button,
a.barlink {
    background: #c2ac63 url(svg/arrow-right.svg) right 20px center no-repeat;
    background-size: 20px 20px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    margin: 20px 0 0px 0px;
    width: 100%;
    padding: 7px 20px 8.5px;
    border: 2px solid #f2f2f2;
}

a.pill {
    background: #c2ac63;
    font-size: 13px;
    float: left;
    width: fit-content;
    text-transform: uppercase;
    color: #fff;
    padding: 3px 20px;
    height: inherit;
    margin: 0 0 0 10px;
    border: 3px solid #043549;
    border-top: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.column {
    margin: 0 0 20px 0;
}

.column small {
    font-weight: 700;
}

.box {
    border-bottom: 1px dashed #043549;
    padding: 0 0 25px 0;
}

.bars {
    position: relative;
    top: 20px;
    background: #fff;
    padding: 5px 10px;
    font-size: 10px;
    color: #333 !important;
    text-transform: uppercase;
    border: 1px solid #eee !important;
}

.removed {
    color: #FF4C4C;
    border-bottom: 1px solid #FF4C4C;
}

s, del {
  text-decoration-color: #FF4C4C;
  text-decoration: line-through;
  color: #D06862
}

hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    height: 25px;
}

/* TABS */

.hide {
    display: none;
}

.tabList-container::-webkit-scrollbar {
    display: none;
}

.tabList-container {
    overflow: hidden;
    display: flex;
    flex-wrap: no-wrap;
    height: inherit;
    overflow: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

ul.tabs[role="tablist"] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: no-wrap;
    margin: 0;
    padding: 0;
}

ul.tabs li[role="tab"] {
    list-style-type: none;
    padding: 5px 5px;
    margin: 0 5px 5px;
    white-space: nowrap;
    border-radius: 5px;
    border: 1px solid #eee;
}

li[aria-selected="true"] + li {

}

ul.tabs li[role="tab"][aria-selected="true"],
ul.tabs li:hover {
    background: #043549;
    color: #fff;
    opacity: 1;
    cursor: pointer;
}

[role="tabpanel"] {
    border: 0px solid transparent;
    position: relative;
    top: 0;
    padding: 0;
}

.tabList-container dl {
    border-bottom: 2px solid #043549;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
}

.tabList-container dt, .tabList-container dd {
  flex: 1;
  padding: 5px;
}

.tabList-container dd {
    text-align: right;
}

/* ACCORDION */

dl#accordion {
    border-radius: 0px;
    border: 2px solid #043549;
    margin: 0 0 10px 0;
}

dl#accordion:last-of-type {
    margin: 0;
}

dl#accordion dt {
    background: url('svg/arrow-down.svg') center right 20px no-repeat;
    background-size: 20px; 
    padding: 9px 10px 9px 10px;
}

.chances dd.accordion-content,
.twelve dd.accordion-content {
    padding: 9px 10px 16px 10px;
}

dl#accordion dt.open {
    background: url('svg/arrow-up.svg') center right 20px no-repeat;
    background-size: 20px;
}

dt.accordion-title:hover {
    cursor: pointer;
}

dt.accordion-title h3 {
    margin: 0;
}

span.circles {
    display: block;
}

.twelve.twelvemonths {
    background: #043549;
}

.twelve.twelvemonths span {
    display: inline-block;
    text-align: center;
    width: 40px;
    color: #eee;
}

.twelve span.circle {
    width: 30px;
    height: 30px;
    border: 1px solid #eee;
    line-height: 27px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    margin: 5px;
    color: #043549;
}

.twelve.twelvemonths span.long,
span.long {
    width: 60px;
    text-align: left;
    display: inline-block;
}

span.circle {
    width: 30px;
    height: 30px;
    border: 1px solid #eee;
    line-height: 27px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    margin: 5px;
    color: #043549;
}

/* CAROUSEL */

.carousel-cell {
    border: 1px solid #eee;
    padding: 30px;
    margin: 0px 20px;
}

.carousel-cell dt {
    font-size: 42px;
    text-align: center;
}

/* STRUCTURE BLOCKS */

.w45.mr5,
.w50 {
    width: 100%;
    margin: 0;
    float: none;
}

ul.two {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 40px; 
}

ul.two > li {
  flex: 1 1 calc(50% - 20px);
  box-sizing: border-box;
}

ul.threes,
ul.inline {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 40px; /* Optional spacing between items */
}

ul.threes li,
ul.inline li {
  flex: 1 1 calc(33.333% - 40px); /* 3 columns, accounting for gap */
  box-sizing: border-box;
  padding: 0;
}

ul.in.center,
ul.inline.center {
    border: 1px solid #eee;
    padding: 20px;
}

ul.in.center li,
ul.inline.center li {
    text-align: center;
    align-content: center;
}

ul.in {
    display: flex;
    flex-wrap: wrap;     
    gap: 10px;           
    padding: 0;
    margin: 0;
    list-style: none;
}


ul.in li {
    flex: 1 1 auto;        
    max-width: 180px;     
    box-sizing: border-box;
    text-align: center;
    padding: 0;
}

ul.in li select {
    background: #fff;
    font: 14px "bricolage-grotesque", sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 1.2;
    width: 155px;
    border: 1px solid #043549;
    height: inherit;
    border-radius: 5px;
    padding: 4px 0 6px 10px;
    text-indent: 0;
}

ul.in.shadow {
    padding: 20px;
    gap: 10px 50px;
}

.table ul.in li {
    text-align: left;
}

.table ul.in {
    border-bottom: 1px solid #eee;
    padding: 10px;
}

table img {
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.vs {
    border: 1px solid #eee;
    width: 50px;
    height: 50px;
    margin: 0px auto;
    align-content: center;
    line-height: 1.2;
    border-radius: 50%;
}

ul.line li {
    display: inline-block;
}

ul.line li select {
    width: 100px;
    font-size: 15px;
    padding: 5px 10px 7px;
    border: 1px solid #eee;
    height: inherit;
    text-indent: 0;
    line-height: 1.2;
}

ul.flexer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem; /* space between items */
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.flexer li {
  padding: 10px 20px;
  box-sizing: border-box;
  border-radius: 5px;
}

/* DESIGN */

.pillholder {
    width: 100%;
    float: none;
    overflow: hidden;
}

.pills strong {
    float: right;
    font-weight: 300;
}

.pillholder .pills {
    display: inline-block;
    border: 1px solid #fff;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    text-align: center;
    font-size: 12px;
    margin: 3px;
    text-transform: uppercase;
    line-height: 1.2;
    padding: 7px;
}

.pillholder .pills a {
    margin: 0 10px 0 0;
}

.pills.pilllost {
    border: 1px solid #fff;
    background: #eee;
    color: #999;
    opacity: 0.6;
}

.pilllost a {
    color: #999;
    border: 0;
}

.notice {
    background: #d1efff;
    border-radius: 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, .125);
    width: fit-content;
    padding: 27px 20px;
    margin: 0px 0 20px 0;
}

.notice p {
    color: #0f6999;
    border: 0;
    position: relative;
    top: 0px;
    line-height: 1.2;
}

/* CHART */

.sidebar-chart {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    margin: 0 0 25px 0;
}

.chart-row {
    display: flex;
    align-items: center;
    margin: 5px 0;
    width: 100%;
    position: relative;
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
}

.chart-row .bar {
    background-color: #4d4e50;
    color: white;
    padding: 5px 10px 7px 10px;
    text-align: left;
    border-radius: 0px;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    background: repeating-linear-gradient(-55deg,#222, #222 10px, #333 10px, #333 20px);
}

.chart-row .label {
    top: 0;
    position: absolute;
    text-transform: uppercase;
    margin: 4.5px 0 0 22px;
    background: #f87180;
    color: #fff;
    padding: 3px 10px 4px 10px;
    line-height: 0.8;
    border-radius: 10px;
    border: 2px solid #fff;
    font-size: 10px;
    right: 10px;

}

.label a {
    color: #fff;
    border: 0;
}

/* CAROUSEL */

.winrates dt {
    font: 50px "zuume-cut", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-wrap: balance;
}

/* SWIPER SLIDER */

.swiper-slide {
    transform: none !important;
}

.flickity-enabled {
    overflow: hidden;
}

/* TIMELINE */

section#timeline {
    width: 96%;
    max-width: 790px;
    margin: 20px auto;
    position: relative;
    overflow: hidden;
}

section#timeline:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    margin: 0 0 0 -1px;
    width: 2px;
    height: 100%;
    background: #eee;
}

section#timeline article {
    width: 100%;
    position: relative;
    padding: 17px 0;
    overflow: hidden;
}

section#timeline article span.date {
    display: block;
    width: 70px;
    height: 70px;
    padding: 9px;
    position: absolute;
    top: 15px;
    left: 45.6%;
    margin: 0 0 0 0;
    background: #fff;
    border-radius: 100%;
    color: #fff;
    border: 3px solid #043549;
}

section#timeline article span.date span.day {
    font-size: 13px;
    line-height: 1;
}

section#timeline article span.date span.month {
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

section#timeline article span.date span.year {
    font-size: 13px;
    line-height: 1;
    margin: 1px 0 0 0;
}

section#timeline article span.date span {
    display: block;
    text-align: center;
    color: #043549;
}

.day, .month, .year {
    display: block;
    line-height: 20px;
}

section#timeline article div.inner {
    width: 40%;
    margin: 5px 0 0 0;
    border-radius: 10px;
    border: 1px solid #eee;
    background: #fff;
    padding: 10px 20px;
    position: relative;
}

.inner a.pill {
    position: absolute;
    margin: 20px 0 0 0;
}

/* TABLES */

.tables {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
}

table {
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
}

th, td {
    padding: 8px 12px;
    border: 1px solid #ccc;
    text-align: left;
}

thead {
    background-color: #f2f2f2;
}

tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

.dataTables_length select {
    width: 100px;
    margin: 0 10px;
}

.dataTables_wrapper .dataTables_filter {
    text-align: left;
    float: right;
    margin: 0 0 30px 0;
    display: block;
}


.dataTables_length {
    float: left;
    margin: 0 0 30px 0;
}

.dataTables_length label {
    display: inline-flex;
    line-height: 40px;
}

main .dataTables_length select {
    float: left;
    margin: 0 10px;
}

.dataTables_wrapper .dataTables_filter input {
    border: 2px solid #333;
    padding: 6px 10px 5.5px;
    margin: 0 0 0 10px;
}

.dataTables_wrapper .dataTables_info {
    margin: 20px 0 20px 15px;
}


.dataTables_paginate .paginate_button.previous,
.dataTables_paginate .paginate_button.next {
 
}

span.ellipsis {
    float: left;
    line-height: 69px;
    height: 1px;
}

/* TOOLTIP */

.sparkline-wrapper {
    overflow-x: auto;
    white-space: nowrap;
    padding: 30px 0 0 0;
}

.sparkline {
    display: flex;
    gap: 4px;
}

.spark-bar {
    width: 10px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    scrollbar-width: thin;     
    scrollbar-color: #888 #f1f1f1;
}

.sparkline-wrapper::-webkit-scrollbar {
    height: 6px;
}

.sparkline-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.win { 
    background-color: #4CAF50; 
}

.loss { 
    background-color: #F44336; 
}

.draw { 
    background-color: #FFEB3B; 
}

.spark-bar .tooltip {
    display: none;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: white;
    padding: 4px 10px 5px;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
    border-radius: 4px;
    z-index: 10;
    text-align: center;
}

.spark-bar .tooltip a {
    color: #00d8ff;
}

.spark-bar:hover .tooltip {
    display: block;
}

/* NAVIGATION */

nav#navbar {
    position: fixed;
    bottom: 10px;
    background-color: #043549;
    border-radius: 10px;
    z-index: 999999999;
    border: 6px double #fff;
    max-width: 560px;
    min-width: 560px;
    left: 50%;
    transform: translate(-50%, 0);
    display: block; 
    background-size: cover;
    background-attachment: fixed;
    z-index: 99999999999;
    opacity: 1;
    visibility: visible;
    transition-duration: 200ms;
    transition-timing-function: ease-in;
    transition-property: opacity, visibility;
}

nav#navbar ul {
    display: flex;
    margin: 0;
    overflow: hidden;
}

nav#navbar ul li {
    width: 20%;
    top: inherit;
    text-align: left;
    padding: 0;
}

nav#navbar ul li .middle {
    padding: 0;
}

nav#navbar ul li a {
    border: 0;
    padding: 10px 0;
   // border-radius: 10px;
    display: block;
    width: 100%;
}

nav#navbar ul li a:hover {
    background: transparent;
    color: #fff;
    opacity: 1;
}

nav#navbar ul li .homeicon {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 4px double #fff;
    margin: 6px auto;
}

nav#navbar ul li .homeicon:hover {
    cursor: pointer;
    opacity: 0.8;
    transition: all 0.3s ease-in;
}

nav#navbar ul li:first-of-type .homeicon {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

nav#navbar ul li:last-of-type .homeicon {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

nav#navbar ul li .homeicon p {
    display: none;
}

nav#navbar ul li img {
    aspect-ratio: 4/4;
    display: block;
    margin: 0px auto;
    width: 25px;
    height: 25px;
    object-fit: cover;
    max-height: fit-content;
    margin: 0 auto 5px;
}

nav#navbar ul li .homeicon img {
    margin: 9px auto 0;
}

nav#navbar ul li a > p {
    text-align: center;
    text-transform: uppercase;
    color: #f7f7f7;
    font-size: 12px;
   padding: 0;
   border: 0;
   font-weight: 700;
}

.more {
    display: none;
    max-width: 96%;
    margin: 0px auto 20px;
    padding: 0px 0 0 0;

    overflow-y: scroll;
    height: 400px;
}

nav#navbar > .more > ul,
nav#navbar > .more > ul > li > ul {
    display: block;
}

nav#navbar > .more > ul > li > ul {
    overflow: hidden;
    margin: 10px 0 0 0;
}

nav#navbar > .more > ul > li,
nav#navbar > .more > ul > li ul li {
    display: block;
    width: 100%;
    padding: 0;
}

nav#navbar > .more > ul > li ul li {
    display: block;
    width: 50%;
    float: left;
    padding: 0;
}

nav#navbar > .more ul li > a {
    font-size: 26px;
    font-weight: 400;
    color: #fff;
    border: 0;
    padding: 10px;
    display: block;
    width: 100%;
    border-bottom: 1px dashed #eee;
    border-radius: 0;
}

nav#navbar .more ul ul li a {
    font-size: 15px;
    color: #fff;
    font-weight: 200;
    padding: 5px 10px;
    border: 0;
}

nav#navbar .more ul li:hover > a {
    color: #fff;
    opacity: 1;
    transition: all 0.3s ease-in;
}

nav#navbar .more ul ul li a:hover {
    background: none;
    color: #fff;
    opacity: 1;
    transition: all 0.3s ease-in;
}

/* ITEMS */

p.items {
    overflow: hidden;
}

.ring::before {
    content: "";
    background: url('svg/diamondring.svg') no-repeat;
    background-size: contain;
    width: 60px;
    height: 50px;
    float: left;
  }

.brassring::before {
    content: "";
    background: url('svg/brassring.svg') no-repeat;
    background-size: contain;
    width: 60px;
    height: 50px;
    margin: 3px 0 0 0;
    float: left;
}

.goldenticket::before {
    content: "";
    background: url('img/goldenticket.png') no-repeat;
    background-size: contain;
    width: 60px;
    height: 50px;
    margin: 3px 0 0 0;
    float: left;
}

  .casinochip::before {
    content: "";
    background: url('svg/casinochip.svg') no-repeat;
    background-size: contain;
    width: 60px;
    height: 50px;
    margin: 3px 0 0 0;
    float: left;
  }

  .texas::before {
    content: "";
    background: url('svg/texas.svg') no-repeat;
    background-size: contain;
    width: 60px;
    height: 50px;
    margin: 3px 0 0 0;
    float: left;
  }

  .deadlydraw::before {
    content: "";
    background: url('svg/deadlydraw.svg') no-repeat;
    background-size: contain;
    width: 60px;
    height: 50px;
    margin: 3px 0 0 0;
    float: left;
  }

  .owencup::before {
    content: "";
    background: url('svg/owencup.svg') no-repeat;
    background-size: contain;
    width: 60px;
    height: 50px;
    margin: 3px 0 0 0;
    float: left;
}

  .pound::before {
    content: "";
    background: url('svg/pound.svg') no-repeat;
    background-size: contain;
    width: 60px;
    height: 50px;
    margin: 3px 0 0 0;
    float: left;
}

/* FILTER */

article.status {
    overflow: hidden;
    width: 100%;
    z-index: 9;
    margin: 0px auto 0px;
    padding: 20px 0;
    box-sizing: border-box;
    border-bottom: 1px dashed #eee;
}

h2 a {
    color: #c2ac63;
    display: inline-block;
    border-bottom: 3px solid #c2ac63;
}

.options h4 {
    display: inline-block;
    margin: 0;
}

.options ul {
    display: inline-flex;
    float: right;
}

.minipill,
.paginate_button {
    background: transparent;
    text-transform: lowercase;
    letter-spacing: 0px;
    background-color: transparent;
    color: #043549;
    font-size: 14px;
    float: left;
    cursor: pointer;
    transition: all .3s;
    padding: 7px 13px 8px;
    border: 1px solid #eee;
    display: inline-block;
    margin: 5px;
    border-radius: 10px;
}

.paginate_button:hover,
.paginate_button.current {
    border: 1px solid #eee;
    background: #eee;
    transition: all 0.3s ease-in;
}

.pill {
    position: relative;
    top: 20px;
    border: 1px solid #000;
}

.dls {
    flex-grow: 1;
    order: 1;
    overflow: hidden;
    width: 100%;
}

.dls dl a {
    position: relative;
}

.dls dl dd {
    font-weight: 700;
}

ul.shadow {
    overflow: hidden;
    background: #f7f7f7;
    padding: 20px 20px 10px 20px;
    border: 1px solid #eee;
    margin: 0 0 20px 0;
}

.minipill.removing:before {
    content: '';
    position: absolute;
    top: -7px;
    right: -7px;
    width: 20px;
    height: 20px;
    background: #fff url('svg/remove.svg') no-repeat;
    background-size: cover;
    opacity: 1;
    transition: opacity 0.3s ease-in;
    border-radius: 20px;
}

a.miniicon {
    text-indent: 33px !important;
    width: 83px;
    background-position: top left;
    margin: 0;
    font-size: 14px;
}

.minilisted {
    background: url('svg/list.svg') left no-repeat;
    background-size: 25px 25px;
    position: relative;
    width: 25px;
    height: 25px;
    z-index: 9;
    cursor: pointer;
    text-indent: -9999px;
    display: inline-block;
    float: right;
    border: 0 !important;
    margin: 0 0 0 10px;
}

.minidetailed {
    background: url('svg/detailed.svg') left no-repeat;
    background-size: 25px 25px;
    position: relative;
    width: 25px;
    height: 25px;
    z-index: 9;
    cursor: pointer;
    text-indent: -9999px;
    display: inline-block;
    float: right;
    border: 0 !important;
    margin: 0 0 0 10px;
}

.miniordering {
    background: url('svg/order.svg') left no-repeat;
    background-size: 25px 25px;
    position: relative;
    width: 25px;
    height: 25px;
    z-index: 9;
    cursor: pointer;
    text-indent: -9999px;
    display: inline-block;
    float: right;
    border: 0;
    margin: 0 0 0 10px;
    color: #043549;
}

.miniminus {
    background: url(svg/minus.svg) center no-repeat;
    background-size: 25px 25px;
    position: relative;
    width: 25px;
    height: 25px;
    z-index: 9;
    cursor: pointer;
    text-indent: -9999px;
    display: inline-block;
    float: right;
    border: 0;
    margin: 0 0 0 10px;
    color: #eca4a0;
}

.minirefresh {
    background: url(svg/refresh.svg) center no-repeat;
    background-size: 25px 25px;
    position: relative;
    width: 25px;
    height: 25px;
    z-index: 9;
    cursor: pointer;
    text-indent: -9999px;
    display: inline-block;
    float: right;
    border: 0;
    margin: 0 0 0 10px;
    color: #eca4a0;
}

/* LOOPS DETAIL */

p.smaller {
    font-size: 18px;
    line-height: 1.6;
}

.gaunlets {
    background: #f1f1f1;
    border: 1px solid #e1e1e1;
    display: inline-block;
    padding: 20px 40px;
    border-radius: 5px;
    margin: 0 0 30px 0;
}

.gaunlets ul.list li {
    padding: 3px;
    list-style: decimal-leading-zero;
    list-style-position: inside;
}

.gaunlets ul.list li a {
    border-bottom: 1px dashed #043549;
}

.tags {
    margin: 20px 0 0 0;
}

.tags a {
    font-size: 12px;
    text-transform: uppercase;
    padding: 2px 10px 4px;
    border: 1px solid #eee;
    border-radius: 3px;
    color: #000;
    margin: 0 10px 10px 0;
    display: inline-block;
    background: #fff;
    background: #fff url(svg/tag.svg) no-repeat left 8px center;
    background-size: 12px;
    text-indent: 19px;
    border-radius: 20px;
}

.fanchant {
    margin: 20px 0 0 0;
}

.fanchant a {
    font-size: 12px;
    text-transform: uppercase;
    padding: 3px 10px 5px 8px;
    border-radius: 3px;
    color: #fff;
    margin: 0 0 3px 0;
    display: inline-block;
    background: #D06862 url(svg/chant1.svg) no-repeat left 8px center;
    background-size: 12px;
    text-indent: 19px;
    border-radius: 20px;
}

article .post-ratings { 
    margin: 20px 0 0 0;
}

.post-ratings img {
    width: 30px;
    height: 30px;
}

a.post-edit-link {
    border-bottom: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    background: #f87180;
    padding: 0 9px;
    border-radius: 3px;
    display: inline-block;
    margin: 0 5px;
    line-height: 18px;
    top: -1px;
    position: relative;
}

ul.list li {
    list-style: decimal-leading-zero; 
}

/* NAVIGATION */

/* NAV */

.wp-pagenavi {
    margin: 60px 0 0 0;
}

.wp-pagenavi span.pages {
    margin: 0 10px 0 0;
}

.wp-pagenavi span {
    border: 2px solid #f2f2f2;
    padding: 5px;
    color: #043549;
}

.wp-pagenavi a,
.wp-pagenavi span.current {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 18px;
    border: 2px solid #fff;
    padding: 10px;
    margin: 0 10px 0 0;
    background: #fff;
    display: inline-block;
}

.wp-pagenavi span.current {
    background: transparent;
    border: transparent;
    color: #eee;
}

.wp-pagenavi span.extend {
    padding: 0;
    border: 0;
    position: relative;
    top: 9px;
    margin: 0 15px 0 5px;
}

/* FANS */

.wrestlersautocomplete {
    position: relative;
    display: inline-block;
    margin: 0 0 10px 0;
}

a.usertags, .label {
    color: #fff;
    background: #c2ac63;
    border-bottom: 2px solid #043549;
    border-right: 2px solid #043549;
    padding: 0px 15px 0px;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 3px;
    margin: 0 3px 7px 0;
    display: inline-block;
    text-transform: uppercase;
    padding: 2px 15px 5px;
}

#wrestlersuggestions {
    background-color: #fff;
    position: absolute;
    border: 1px solid #999;
    border-bottom: none;
    border-top: none;
    z-index: 10;
    left: 0;
    width: 300px;
}

#wrestlersuggestions span:last-of-type {
    border-bottom: 1px solid #999;
}

#wrestlersuggestions span {
    display: block;
    padding: 10px;
    border-bottom: 1px dashed #eee;
    font-size: 15px;
}

.bootstrap-tagsinput input {
    width: 100%;
    padding: 10px;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    margin: 0px 0 0 20px;
    position: relative;
    top: 2px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: #fff;
    border-radius: 2px;
    border: 3px double #eee;
}

.bootstrap-tagsinput .tag [data-role="remove"]::after {
    content: "✕";
    color: #043549;
    position: relative;
    top: -2px;
    font-size: 15px;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    background: #043549;
    transition: all 0.3s ease-in;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover::after {
    content: "✕";
    color: #fff;
    transition: all 0.3s ease-in;
}

form.subscribe label {
    text-indent: 35px;
}

.forms label {
    font-size: 15px;
    text-transform: uppercase;
    color: #333;
}
label.no {
    background: url('svg/stop.svg') no-repeat left center;
    background-size: 30px 30px;
    height: 29px;
    display: block;
    line-height: 30px;
    text-indent: 27px;
}

label.yes {
    background: url('svg/start.svg') no-repeat left center;
    background-size: 30px 30px;
    height: 29px;
    display: block;
    line-height: 30px;
    text-indent: 27px;
}

/* TOURNAMENT */

.container {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    position: relative;
}

.container ul {
    width: 23%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.container ul h4 {
    font-size: 13px;
    color: #043549;
    text-align: left;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    margin: 0 0 20px 0;
}

.container ul li {
    margin: 20px 0;
    background: transparent;
    overflow: hidden;
    width: 100%;
    text-align: left;
}

/* BLOG */

.standard p {
    margin: 0 0 30px 0;
}

/* NIGHT MODE */

body.wp-night-mode-on {
    background: rgb(9,14,17);
    color: rgb(107,114,130);
}

body.wp-night-mode-on td.blank,
body.wp-night-mode-on section#timeline article div.inner,
body.wp-night-mode-on .searching,
body.wp-night-mode-on section#timeline article span.date {
    background: rgb(9,14,17);
}
 
body.wp-night-mode-on .close,
body.wp-night-mode-on ul.rows li a h3,
body.wp-night-mode-on a,
body.wp-night-mode-on .yearapps dl dt {
  color: #8892B0; /* Light blue */
}

body.wp-night-mode-on a:hover {
  color: #82cfff; /* Brighter blue on hover */
}

body.wp-night-mode-on a:visited {
  color: #b48ead; /* Soft purple to show it's been visited */
}

body.wp-night-mode-on section#timeline article span.date {
    background: rgb(30,30,34);
}

body.wp-night-mode-on ul.rows li:first-of-type dl {
    width: 100%;
    float: none;
    margin: 0px auto;
    background: url('svg/blob-white.svg') no-repeat center;
    background-size: contain;
}

body.wp-night-mode-on .gaunlets,
body.wp-night-mode-on .fade h3,
body.wp-night-mode-on ul.shadow {
    background: #18181d;
}

body.wp-night-mode-on .minipill.removing:before {
width: 20px;
    height: 20px;
    background: #282828 url('svg/remove-white.svg') no-repeat;
    background-size: cover;
}

body.wp-night-mode-on .minilisted {
    background: url('svg/list-white.svg') left no-repeat;
    background-size: 25px 25px;
}

body.wp-night-mode-on .minidetailed {
    background: url('svg/detailed-white.svg') left no-repeat;
    background-size: 25px 25px;
}

body.wp-night-mode-on h1,
body.wp-night-mode-on h2,
body.wp-night-mode-on h3,
body.wp-night-mode-on aside h2,
body.wp-night-mode-on section#timeline article span.date span {
    color: #D3D3D3;
}

body.wp-night-mode-on section#timeline article span.date {
    border: 2px solid #d3d3d3;
}

body.wp-night-mode-on a.button,
body.wp-night-mode-on a.barlink {
    color: #f2f2f2;
    background: #6e5a2b url('svg/arrow-right-white.svg') right 20px center no-repeat;
    background-size: 20px 20px;
}

body.wp-night-mode-on .label a,
body.wp-night-mode-on a.post-edit-link,
body.wp-night-mode-on .fanchant a {
    color :#f2f2f2;
}

body.wp-night-mode-on .spark-bar {
    scrollbar-color: #333;
}

body.wp-night-mode-on .sparkline-wrapper::-webkit-scrollbar-track {
    background: #333;
    border-radius: 3px;
}

body.wp-night-mode-on dl#accordion {
    border: 2px solid #f2f2f2;
}

body.wp-night-mode-on .tabList-container dl {
    border-bottom: 2px solid #f2f2f2;
}

body.wp-night-mode-on .warning *  {
    color: #18181d;
}

body.wp-night-mode-on .miniordering {
    background: url('svg/order-white.svg') left no-repeat;
    background-size: 25px 25px;
}

body.wp-night-mode-on ul.in li select,
body.wp-night-mode-on select {
    background: #18181d url('svg/down-white.svg') no-repeat right 20px center;
    background-size: 20px;
    border: 2px solid #D3D3D3;
    color: #D3D3D3;
}

body.wp-night-mode-on dl#accordion dt {
    color: #D3D3D3;
    background-color: #18181d;
}

body.wp-night-mode-on dl#accordion {
    background-color: #18181d;
}

body.wp-night-mode-on .tags a {
    background: #18181d url('svg/tag-white.svg') no-repeat left 8px center;
    background-size: 12px;
    border: 2px solid rgb(107,114,130);
}

body.wp-night-mode-on a.house {
    display: block;
    background: url('svg/home-white.svg') no-repeat;
    background-size: 30px;
}

body.wp-night-mode-on .searchicon {
    background: url('svg/search-white.svg') center no-repeat;
    background-size: 30px 30px;
}

body.wp-night-mode-on .minipill.removing.out {
    background: transparent;
}

body.wp-night-mode-on th, 
body.wp-night-mode-on td {
    color: #f2f2f2;
  padding: 10px 14px;
  border: 1px solid #444;
  text-align: left;
}

body.wp-night-mode-on td,
body.wp-night-mode-on td a {
    color: #f2f2f2;
}

body.wp-night-mode-on thead {
  background-color: #2c2c2c;
}

/* Alternate row colors for dark mode */
body.wp-night-mode-on tbody tr:nth-child(even) {
  background-color: #2a2a2a;
}

body.wp-night-mode-on tbody tr:nth-child(odd) {
  background-color: #1e1e1e;
}

/* Optional: Hover effect */
body.wp-night-mode-on tbody tr:hover {
  background-color: #333;
}

.wpnm-button {
    position: fixed !important;
    right: 10px;
    bottom: 10px;
}

/* RESULTS */

.monthly .showing {
    display: inline-block;
}

.monthly ul {
    margin: 20px 0 20px 4px;
    padding: 10px 0 10px 20px;
    border-left: 1px solid #999;
    position: relative;
}

.monthly ul li {
    width: 100%;
    float: none;
    padding: 10px 0;
    position: relative;
}

.monthly ul li::after {
    content: "";
    position: absolute;
    left: -25px;
    top: 60%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
    display: block;
    border: 1px solid #999;
}

.flashed {
    background: #d1efff;
    border-radius: 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, .125);
    width: fit-content;
    padding: 27px 20px;
    margin: 0px 0 20px 0;
}

.flash {
    align-items: center !important;
}

.flash p {
    color: #0f6999;
    border: 0;
    position: relative;
    top: 0px;
    line-height: 1.2;
}

/* POSTS */

.item {
    overflow: hidden;
    padding: 20px 0 20px 0;
    border: 0;
    display: flex;
    border-bottom: 1px dashed #d7d7d7;
}

.item dt {
    width: 100px;
    min-width: 100px;
    float: left;
    background-color: #c2ac63;
    padding: 20px 10px;
    margin: 0 20px 0 0;
    border: 2px solid #f2f2f2;
}

.item dd {
    display: inline-block;
    max-width: 500px;
}

.item dt a {
    color: #fff;
    text-align: center;
    margin: 0px auto;
    display: block;
    border: 0;
}

dl.item .day, 
dl.item .month, 
dl.item .year {
    display: block;
    line-height: 20px;
}

.intro p {
    margin: 0 0 10px 0;
}

/* ACTIVITY FEED */

.activity-feed {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* space between items */
}

.activity-feed li {
    flex: 1 1 calc(33.333% - 20px);
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: left;
    border: 1px solid #eee;
    box-sizing: border-box;
}

.activity-feed li > div {
    display: block;
    padding: 20px;
    margin: 0px auto
}

/* ARROWS */

span.lower {
    background: transparent url('svg/arrow-down.svg') center right no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 4px;
    position: relative;
}

span.higher {
    background: transparent url('svg/arrow-up.svg') center right no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 4px;
    position: relative;
}

span.even {
    background: transparent url('svg/even.svg') center right no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 4px;
    position: relative;
}

/* 404 */

.search-form input {
    width: 100%;
    padding: 10px;
}

/* FEUDS */

section#timeline article span.date {
    background-color: #fff;
}

section#timeline article span.date.iconinterference {
    background: url('svg/icon-interference.svg') center no-repeat !important;
    background-size: 30px !important;
}

section#timeline article span.date.icondistraction {
    background: url('svg/icon-distraction.svg') center no-repeat !important;
    background-size: 30px !important;
}

section#timeline article span.date.iconbeatdown {
    background: url('svg/icon-beatdown.svg') center no-repeat !important;
    background-size: 30px !important;
}

section#timeline article span.date.iconsave {
    background: url('svg/icon-save.svg') center no-repeat !important;
    background-size: 30px !important;
}

section#timeline article span.date.iconbrawl {
    background: url('svg/icon-brawl.svg') center no-repeat !important;
    background-size: 30px !important;
}

@media screen and (max-width: 760px) {

body,
select {
    font-size: 14px;
}

p {
    font-size: 14px;
    line-height: 1.4;
}

h1,
hgroup h2 {
    font: 42px "zuume-cut", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-wrap: balance;
}

h3 {
    font: 30px "zuume-cut", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-wrap: balance;
    color: #043549;
}

.fade h3 {
    font: 20px "bricolage-grotesque", sans-serif;
}

.inner h3, 
h4,
hgroup h5 {
    font: 18px "bricolage-grotesque", sans-serif;   
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

aside {
    width: 1020px;
    max-width: 94%;
    margin: 61px auto 30px;
}

.stats h3 {
    font: 45px "zuume-cut", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-wrap: balance;
}

ul.rows li:first-of-type .stats h3 {
    font-size: 60px;
}

select {
    width: 100%;
}

ul.inline,
ul.two {
    display: block;
}

.winrates ul.inline {
    display: flex;
}

ul.two li {
    width: inherit;
    float: none;
}

/* MOBILE STRUCTURE */

main {
    max-width: 94%;
    margin: 0px auto 20px;
}

section {
    max-width: 94%;
    margin: 0px auto 20px;
}

ul.rows {
  display: block;
  overflow: hidden;
}

ul.rows li:first-of-type {
    width: 100%;
    float: none;
    padding: 0px;
}

ul.rows li {
    width: 25%;
    float: left;
    padding: 0;
}

ul.yearapps {
    display: block;
    overflow: hidden;
}

ul.yearapps div {
    width: 33%;
    float: left;
    padding: 10px;
}

ul.yearapps div:last-of-type {
    padding: 10px 10px 0 10px;
}

.yearapps dl dt {
    font: 30px "zuume-cut", sans-serif;
    font-weight: 700;
    font-style: normal;
}

ul.tabs li[role="tab"] {
    font-size: 14px;
}

.stats p {
    font-size: 12px;
}

/* MOBILE NAV */

nav#navbar {
    background-attachment: initial;
}

nav#navbar {
    min-width: 100%;
    max-width: 100%;
    border: 0;
    bottom: 0;
    border-radius: 0;
    padding: 0px;
    border-top: 3px solid #fff;
}

nav#navbar ul li img {
    height: 20px;
    width: 20px
}

nav#navbar ul li .homeicon {
    width: 42px;
    height: 42px;
}

nav#navbar ul li .homeicon img {
    margin: 8px auto 0;
}

/* MOBILE STANDARDS */

ul.inline li:first-of-type select {
    margin: 0 0 10px 0;
}

/* MOBILE WRESTLER */

section#timeline article span.date {
    width: 50px;
    height: 50px;
    left: 44.6%;
    padding: 3px;
    border: 2px solid #043549;
}

section#timeline article span.date span.year {
    font-size: 10px;
}

/* CAROSUEL */

.carousel-cell {
    border: 1px solid #eee;
    padding: 10px 20px;
    margin: 0px 20px;
}

/* MOBILE FILTER */

.options {
    margin: 0 0 20px 0;
}

ul.in.shadow {
    padding: 10px;
    gap: 10px 10px;
}

ul.in li {
    flex: 1 1 auto;        
    max-width: 120px;     
    box-sizing: border-box;
    text-align: center;
    padding: 0;
}

/* MOBILE LOOPS */

p.smaller {
    font-size: 14px;
    line-height: 1.6;
}

/* MOBILE TOURNAMENT */

.container, ul {
    display: block;
}

.container ul li {
    width: 100%;
    float: none;
}

.container ul li h4 {
    position: relative
}

/* MOBILE DARK MODE */

.wpnm-button {
    position: fixed !important;
    right: 10px;
    bottom: 76px;
}

/* ACTIVITY */

.activity-feed li {
    flex: 1 1 calc(50% - 20px);
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: left;
    border: 1px solid #eee;
    box-sizing: border-box;
}

/* COMPARE */

.table ul.inline {
    display: flex;
    padding: 0;
    gap: 5px;
}

 ul.inline li:first-of-type {
    flex: 0 0 100%;
     min-width: 100%;
    font-weight: 700;
    text-align: left;
}

 ul.inline li {
    text-align: center;
 }

/* MOBILE TABLE */

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    float: none;
}

/* MOBILE STYLES */

ul.tabs li[role="tab"] {
    font-size: 13px;
    padding: 5px 10px;
}

}