html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    margin-top: 100px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

@font-face {
    font-family: "CollegeBlock";
    src: url("/fonts/CollegeBlock.woff");
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4 {
    margin-top: 0;
    margin-bottom: .5rem;
    line-height: 1.2;
    font-family: 'CollegeBlock', sans-serif !important;
    letter-spacing: 1px;
}

b, strong {
    font-weight: bold !important;
}

.h1.Basketball, .h1.Bowling {
    margin-top: 0;
    margin-bottom: .5rem;
    line-height: 1.2;
    font-family: 'CollegeBlock', sans-serif !important;
    text-align: center;
    color: #ed1c24;
    font-size: 1.9rem;
}

.form-group {
    padding-top: 1em;
}

.nav-item a {
    line-height: 1.7;
    font-weight: 500;
}
a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
    text-indent: -99999px;
    height: 70px;
    width: 275px;
}

.navbar-brand {
    background-image: url("/images/logo.png"); 
    height: 100px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: contain; /* Resize the background image to cover the entire container */
}

.scroreboard-header {
    width: 100%;
    text-align: center;
    margin: 0 0 35px 0;
    background-image: url("/images/scoreboard-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.home-hero {
    width: 100%;
    overflow: hidden;
}

.hero-image {
    width: 100%;
    height: auto;
    margin: 0 0 25px 0;
    padding: 0;
    animation: fadeIn 3s;
}

.home-intro h2.home-intro {
    line-height: 1.8;
    font-size: 1.5vw !important;
    padding: 0 0 35px 0 inherit !important;
    text-align: center;
    padding: 0 0 25px 0;
    color: #0e76bc;
}

.home-copy h3 {
    line-height: 1.2;
    font-size: 1.2vw !important;
    padding: 0 !important;
    text-align: left;
    padding: 0 0 25px 0;
    color: #0e76bc;
}

.home-copy h4 {
    line-height: 1.2;
    font-size: 1.0vw !important;
    padding: 0 !important;
    text-align: left;
    padding: 0 0 25px 0;
    color: #0e76bc;
}

.home-copy p {
    line-height: 1.8;
    font-size: 1vw !important;
    padding: 0 35px 15px 0;
    text-align: left;
}

.home-sdebar {
    padding: 15px;
    background: rgba(14,118,188, .1);
    margin-bottom: 50px;
}

.h1.tournament-title {
    color: #ed1c24;
    padding-top: 25px;
    padding-bottom: 0;
    margin-bottom: 0 !important;
}

h3.tournament-title {
    font-size: 1vw;
}

.team-scores tr:nth-child(even) {
    background: #e1e1e1;
}

.team-scores tr:nth-child(odd) {
    background: #fff;
}

.table {
    margin-bottom: 2vw !important;
    border: 1px solid #666;
}

.table thead {
    background: #0e76bc !important;
    color: #fff;
}

.row.league-cards {
    margin: 25px 0 0 0 !important;
    padding: 0 !important;
}

.card {
    border: none !important;
    position: relative;
    border: none !important;
    border-radius: 15px !important;
}

.card::before {
    display: none !important;
}

.card-img-top {
    border-radius: .25rem .25rem 0 0;
    border: none !important;
    animation: fadeIn 3s;
}

.card-body {
    margin: 0;
    padding: 25px;
    border-radius: 0 0 .25rem .25rem;
    border: none !important;
    animation: fadeIn 3s;
    min-height: 150px;
}

.Aqarius .card-body {
    background: #01969c;
}
.Pisces .card-body {
    background: #666;
}
.Aries .card-body {
    background: #0FB2F2;
}
.Taurus .card-body {
    background: #084FFF;
}
.Gemini .card-body {
    background: #111111;
}
.Cancer .card-body {
    background: #d9ae30;
}
.Leo .card-body {
    background: #BF3C30;
}
.Virgo .card-body {
    background: #e1e1e1;
}
.Libra .card-body {
    background: #5400e6;
}
.Scorpio .card-body {
    background: #ED8B00;
}
.Sagittarius .card-body {
    background: #660000;
}
.Capricorn .card-body {
    background: #95D904;
}

.Aqarius .card-title {
    color: #01969c;
}

.Pisces .card-title {
    color: #666;
}

.Aries .card-title {
    color: #0FB2F2;
}

.Taurus .card-title {
    color: #084FFF;
}

.Gemini .card-title {
    color: #111111;
}

.Cancer .card-title {
    color: #d9ae30;
}

.Leo .card-title {
    color: #BF3C30;
}

.Virgo .card-title {
    color: #e1e1e1;
}

.Libra .card-title {
    color: #d9ae30;
}

.Scorpio .card-title {
    color: #ED8B00;
}

.Sagittarius .card-title {
    color: #660000;
}

.Capricorn .card-title {
    color: #ffffff;
}

.player-name {
    width: 100%;
    float: left;
    clear: both;
    color: white;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

a.footer-link {
    color: #fff !important;
    text-decoration: underline;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0e76bc !important;
}