/*
 Theme Name:   Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/

p, ul li, h1 { color: #4B4B4B; }

.last-updated {
    
}

.region-Northeast {
  background-color: #E61891 !important;
  color: white;
}
.region-Southeast {
  background-color: #FFDC03 !important;
  color: black;
}
.region-West {
  background-color: #0DA19C !important;
  color: white;
}
.region-Central {
  background-color: #FF9D1F !important;
  color: white;
}
.region-Mandolin, .region-Kindle {
  background-color: #ccc;
  color: black;
}
.refresh-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

.text-bold {
  font-weight: bold;
}

p span {
    color: #43972A;
    font-weight: bold !important;
    font-size: 1.35rem;
}

ul {
  list-style: none; 
}

.instructions ul li {
    line-height: 120%;
    padding-bottom: 7px;
}
.instructions ul li::before {
  content: "\2022";  
  color: #43972A; 
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  font-size: 1.5rem;
  margin-left: -1em; 
}

.challenge h1 {
  color: white;
  font-weight: bold;
}   
.challenge p {
    color: white;
}
.intro p {
  color: white;
}
.challenge {
    background-color: #0F29FF;
    position: relative;
    z-index: 500;
    color: white;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%);
}
.challenge-open {
  background: rgba(18, 31, 72, 0.9);
}
.unlocking-soon {
  background-color: #0F29FF;
  color: white;
}
.challenge-off {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}
.btn {
    font-weight: bold;
    font-size: 1.5rem;
    border-radius: 0;
    border: 2px solid white;
    background-color: #0F29FF;
    color: white;
    opacity: 1 !important;
}

.btn-success {
    font-weight: bold;
    font-size: 1.5rem;
}
.nav-tabs {
  border: 0;
}
.nav-tabs .nav-link.active {
  background-color: #FFDD00;
  color: black;
  font-weight: bold;
  border-radius: 0;
}

.nav-tabs .nav-link {
  background-color: #E6415F;
  color: white;
  line-height: 120%;
  border-radius: 0;
}

#ISG-KAS-tab {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

#MSL-tab { 
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.btn:hover {
    color: white;
}

.bg-points {
  background-image: url('/wp-content/uploads/2026/08/How-To-Score2.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  min-height: 220px;
  
}
.bg-leaderboard {
background-image: url('/wp-content/uploads/2026/08/Bkg-Photo.png');
background-repeat: no-repeat;
background-position: right top;
background-size: cover;
padding-top: 80px !important;
min-height: 220px;

}
.progress-outer {
    padding: 0;
    border-radius: 0;
    border: 1px solid #A5A5A5;
    background-color: #D9D9D9;
    margin-bottom: 5px;
}

.progress {
    height: 46px;
    border-radius: 0;
    background-color: #EEEEEE;
}

.teamname {
  font-size: 1.3rem;
  text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.35);

}

.bg-success {
    background: linear-gradient(90deg, #121F48 0%, #0F29FF 59.64%);
} 

.bg-success-1 {
    background-color: #FFDC03 !important;
    
} 

.bg-success-2 {
    background-color: #FF9D1F !important;
    
} 

.bg-success-3 {
    background-color: #0DA19C !important;
    
} 
.progress-bar {
  text-align: left;
}
.progress-bar-marker { 
  background-image: linear-gradient(90deg, rgba(225, 225, 225, 0.1) 97%, rgba(204, 0, 0, 1) 3%);
}