h1, h2 {
    color:#1D2A49;
    text-align:center;
}

h4, h6 {
    color:#1D2A49;
}

.bg-image {
    background-image: url('assets/images/bigstock-Transgender-Flag-Community-L-363105937-scaled.jpg');
    background-size:100% auto;
}

.bg-lt-blue {
    background-color:#83C6DD;
}

.bg-dk-blue {
    background-color:#1D2A49;
}

.bg-pink {
    background-color:#E99BA6;
}

.text-dark {
    color:#1D2A49;
}

.header a:link {
    text-decoration: none;
}

.navbar, .dropdown-menu, .navbar-toggler, .dropdown-item {
    background-color:#1D2A49;
    color:#fff;
}

.navbar-toggler-icon {
    background-color:#1D2A49;
    color: #fff;    
}

.nav-link {
    color:#fff;
}

.nav-link:active, .nav-link:hover, .nav-link:focus, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus {
    color:#E99BA6;
    background-color:#1D2A49;
}

.btn, .btn-link, .btn-primary, .btn-primary:active, .btn-space-primary{
    background-color:#E99BA6;
    color:#1D2A49;
    font-weight: bold;
    border-color: #fff;
}

a.btn-primary:link, a.btn-primary:active {
    background-color:#E99BA6;
    color:#1D2A49;
    font-weight: bold;
    border-color: #fff;
} 

.btn-primary:focus, .btn-primary:hover {
    background-color:#1D2A49;
    color:#E99BA6;
}

a.btn-primary:focus, .btn-tfp-primary:hover {
    background-color:#1D2A49;
    color:#E99BA6;
}

.note {
    color:red;
    font-weight:bold;
    font-size:small;
    text-align: center;
}

.widget-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
   
#scorecards-widget {
    width: 99%;
    height: 100vh;
    border: 1px solid #004D7C;
    border-radius: 10px;
    scrollbar-gutter: stable;
    scrollbar-color: #00ffff;
    margin-bottom:10px;
  }
  
  #scorecards-widget::-webkit-scrollbar-thumb {
    background-image: linear-gradient(180deg, #d0368a 0%, #708ad4 99%);
    border-radius: 100px;
  }  

.footer {
    color:#1D2A49;
    font-size: smaller;
}

/*.btn, .btn-link-primary, .btn-tfp-primary, .btn-tfp-primary:active, .btn-tfp-primary-space {
    background-color:#E99BA6;
    color:#1D2A49;
    font-weight: bold;
    border-color: #fff;
}

.btn-tfp-primary:focus, .btn-tfp-primary:hover {
    background-color:#1D2A49;
    color:#E99BA6;
}*/

/*.fa-instagram {

    color: #fff;
}

.fa-facebook {
    color:#fff;
}

.fa-tiktok {
    color:#fff;
}
*/
.fa-bars {
    color:#fff;
}

.tabs {
    max-height:500px;
 }
 .tab-container {
   text-align:center;
   border: none;
   padding: 0;
   margin: 0;
   display:inline-block;
 }
 
 .tab-format {
   width:48%;
   padding:2px;
   text-align:center;
 }
 a.tab-format img {
     width: 100% !important;
 }
 .tabs-nav {
   list-style : none;
   padding-inline-start : unset; 
 }
 .tabs-nav li {
   float: left;
   width: 25%;
 }
 .tabs-nav li:first-child a {
   border-right: 0;
   border-top-left-radius: 6px;
 }
 .tabs-nav li:last-child a {
   border-top-right-radius: 6px;
 }
 .tabs a {
   background: #eaeaed;
   border: 1px solid #1D2A49;
   color: #1D2A49;
   display: block;
   font-weight: 600;
   padding: 10px 0;
   text-align: center;
   text-decoration: none;
 }
 .tabs a:hover {
   color: #83C6DD;
   text-decoration: underline;
 }
 .tab-active a {
   background: #fff;
   border-bottom-color: transparent;
   color: #1D2A49;
   cursor: default;
 }
 .tabs-stage {
   border: 1px solid #161E38;
   border-radius: 0 0 6px 6px;
   border-top: 0;
   clear: both;
   padding: 24px 30px;
   position: relative;
   top: -1px;
 }