body, html {
  font-size: 13px;
  font-family: Roboto;
  font-weight: 400;
}


.hide-btn[aria-expanded="true"] {
  display: none;
}

@media (min-width: 567px) {
  .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}


li.tags {
    line-height: 1.5em;
    padding: 0.3em 0.4em;
    background-color: #293239;
    border-radius: 0.5em;
    /*border: 1px solid #233542;*/
    margin: 0 0.5em 0 0;
    color: #f7f9fd;
    text-decoration: none;
    font-size: 11px;
  }


  li.tags:hover {
    color: #fff;
  }  


.loader {
  margin: auto;
  border: 3px solid #EAF0F6;
  border-radius: 50%;
  border-top: 3px solid #C75762;
  width: 24px;
  height: 24px;
  animation: spinner 0.75s linear infinite;
}


@keyframes spinner {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.text-toggle[aria-expanded=false] .text-expanded {
  display: none;
}


.text-toggle[aria-expanded=true] .text-collapsed {
  display: none;
}


small, .breadcrumb, .small {
  font-size: 0.9230769rem;
}


hr.borderless {
  border: 0;
  height: 1px
}

header nav, .dropdown-item {
  font-size: 1.16666rem;
}

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.33333rem;
}

h3 {
  font-size: 1.16666rem;
}

h4, h5, h6 {
  font-size: 1.16666rem;
  font-weight: 400;
}

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/roboto-v30-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}


.circle {
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background-color: #000;
}


.link-light:hover, .link-dark:hover {
  color: #C75762!important;
}


.result-hidden {
  display: none;
}


#result-button {
  display: table-row;
}


.btn-light {
  background-color: #f7f9fd;
  border: 1px solid #dce5f6;
  color: #2c3b48;
}


.btn-light:hover, .btn-red {
  background-color: #F5E0E2;
  border: 1px solid #E6B3B8;
  color: #C75762;
}


.btn-red:hover {
  background-color: #DCE5F6;
  border: 1px solid #2C3B48;
  color: #2c3b48;  
}


.table-hover > tbody > tr:hover { 
  --bs-table-hover-bg: #f7f9fd!important; 
  color: #FF6978!important;
}


.nav-pills {
  white-space: nowrap; 
  flex-wrap: nowrap; 
  max-width: 100%; 
  overflow-x: auto; 
  overflow-y: hidden; 
  -webkit-overflow-scrolling: touch;
}


.card-header {
  background-color: #FFFFFF!important;
  border-color: #fff!important;
  padding: 0.5em 0 0 0.5em;
}


.nav-pills .nav-link {
  background-color: #f7f9fd;
  border: 1px solid #dce5f6;
  color: #2c3b48;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: #2c3b48;
  border: 1px solid #dce5f6;
  color: #f7f9fd;
}


.nav-pills .nav-link:hover {
  background-color: #F5E0E2;
  border: 1px solid #E6B3B8;
  color: #C75762;
}


.nav-link {
  color: #2c3b48;
}


.nav-link:hover {
  color: #C75762;
}


.nav-link:active, .nav-link:focus {
  color: #f7f9fd;
}


.accordion-button:not(.collapsed) {
  background-color: #2c3b48;
  color: #FFF;
}

.accordion-button.collapsed {
  background-color: #2c3b48;
  color: #FFF;
}

.accordion-button:not(.collapsed)::after {
  display: none;
}

.accordion-button.collapsed::after {
  display: none;
}

.footer .bi {
  display: inline-block;
  padding: 10px;
  width: 50px;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}

.card-header .fa-caret-down {
  padding: 2px;
  font-size: 16px;
  width: 20px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  background: white;
  opacity: 0.3;
}

/* Add a hover effect if you want */
.footer .bi:hover {
  opacity: 0.7;
}

/* Facebook */
.footer .bi-facebook  {
  background-color: #3B5998;
  color: white;
}

/* Twitter */
.footer .bi-twitter {
  background: #55ACEE;
  color: white;
}

/* Threads */
.footer .bi-threads {
  background: #000000;
  color: white;
}

/* Instagram */
.footer .bi-instagram {
  background: purple;
  color: white;
}

.rider-profile-sm-date {
  display: none;
}

.team-mobile, .team-category-mobile {
  display: none;
}

.date {
  display: inline;
}

.category {
  display: inline;
}

.card-header .plus-icon {
  transition: .3s transform ease-in-out;
  size: 2em;
}
.card-header .collapsed .plus-icon {
  transform: rotate(90deg);
}

canvas
{
    width: 100% !important;
    height: 100% !important;
}

.points-sm {
  display: none;
}

#mytab li a.active {
  background-color: #2c3b48;
  color: #FFFFFF;
}

.bg-dark {
  background-color: #2c3b48!important;
}

.headline, .headline a {
  color: #2c3b48;
  text-transform: uppercase;
  margin: 0;
  font-weight: 700;
  font-size: 3.2vh;
  word-wrap: break-word;
  text-decoration: none;
}


.headline a:hover {
  color: #6c757d;
}


@media (max-width: 565px) {

  .rider-profile-sm-date {
    display: inline;
  }

  .rider-profile-date, .calendar-date, .calendar-winner {
    display: none;
  }

  .team, .team-category {
    display: none;
  }

  .team-mobile, .team-category-mobile, .points-sm {
    display: block;
  }

  .date {
    display: block;
  }

  .category {
    display: block;
  }

  .bib {
    display: none;
  }

  .points {
    display: none;
  }
}

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
}

.navbar .navbar-toggler {
  top: .25rem;
  right: 1rem;
}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}