@media (max-width:985px) {
  .navbar-nav b {
      display: none !important;
  }
}
   
.text-default {
	color: #000;
}
a{
    color: #00843D;
    text-decoration: none;
}

.sportEvents a{
    color: #666;
}

a:hover {
	color: #e0b60a;
}
mark,                              
.mark {
	background-color: #e0b60a;
	color: #ffffff;
}
.table > thead > tr > th {
	/*border-bottom: 1px solid #666;*/
	background-color: #fafafa;
	color: #666;
}
.table-bordered {
	border-color: #e0b60a;
}

/* 2 Layout
----------------------------------------------------------------------------- */
.default-bg {
	background-color: #e0b60a;
	color: #ffffff;
}

/* Backgrounds
---------------------------------- */
.default-translucent-bg:after {
	background-color: rgba(61,120,216,0.7);
}

/* 3 Pages
----------------------------------------------------------------------------- */
.blogpost .post-info {
	color: #fff;
}
.blogpost .side .social-links li a {
	background-color: transparent;
	border-color: transparent;
	color: #e0b60a;
}
.blogpost ul.links li a:hover {
	color: #e0b60a;
}

/* timeline layout */
.timeline-date-label {
	color: #e0b60a;
}
@media (min-width:768px) {
	.timeline .timeline-item:before {
		background-color: #fff;
		border: 1px solid #e0b60a;
	}
}

/* 4 Template Components
----------------------------------------------------------------------------- */
/* Buttons
---------------------------------- */
/* Gray Buttons */
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray {
	color: #ffffff;
	background-color: #e0b60a;
	border-color: #e0b60a;
}

/* Light Gray Buttons */
.btn-light-gray:hover,
.btn-light-gray:focus,
.btn-light-gray:active,
.btn-light-gray.active,
.open .dropdown-toggle.btn-light-gray {
	color: #ffffff;
	background-color: #e0b60a;
	border-color: #e0b60a;
}

/* Default Buttons */
.btn-default {
	background-color: #e0b60a;
	color: #fff !important;
	border-color: #489bcc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	color: #fff !important;
	background-color: gray;
	border-color: gray;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default {
	background-color: #489bcc;
	border-color: #489bcc;
}

/* Button with transparent bg
---------------------------------- */
.btn-white {
	background-color: transparent;
	color: #489bcc;
	border: 1px solid #e0b60a;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
	color: #fff;
	background-color: #489bcc;
	border-color: #489bcc;
}

/* Forms
---------------------------------- */
.default-bg .form-control {
	border-color: #e0b60a;
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .35);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .35);
	color: #ffffff;
}
.default-bg .form-control:focus {
	border-color: #e0b60a;
	background-color: rgba(0, 0, 0, 0.25);
}
.default-bg .input-group-addon {
	background-color: #489bcc;
	border-color: #e0b60a;
	color: #fff;
}
.dropdown .active>a>.badge,
.dropdown a:hover .badge,
.dropdown .open > a > .badge {
}

/* Pager
---------------------------------- */
ul.pagination li > a:hover {
	background-color: transparent;
	color: #ffffff;
	background-color: #e0b60a;
	border-color: #e0b60a;
}
ul.pagination li.active a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {
	color: #ffffff;
	background-color: #e0b60a;
	border-color: #e0b60a;
}

/* Tabs
---------------------------------- */
.nav-tabs > li.active > a:after {
}
.tab-content:after {
	background-color: #e0b60a;
}
@media (max-width:480px) {
	.nav-tabs > li > a:hover:after {
		background-color: #e0b60a;
	}
}

/* Horizontal tabs version 2 */
.tabs-style-2 .nav-tabs {
	border-bottom: 1px solid #e0b60a;
}
.tabs-style-2 .nav-tabs > li.active > a,
.tabs-style-2 .nav-tabs > li.active > a:hover,
.tabs-style-2 .nav-tabs > li.active > a:focus,
.tabs-style-2 .nav-tabs > li > a:hover {
	border: 1px solid #e0b60a;
	background-color: #e0b60a;
	color: #fff;
}

/* vertical tabs */
.vertical .nav-tabs > li > a:hover:after {
	background-color: #e0b60a;
}

/* Nav pills
---------------------------------- */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
	background-color: #fafafa;
}
.nav-pills > li.active > a:after {
	color: #e0b60a;
}
.nav-pills > li.active > a:hover:after,
.nav-pills > li.active > a:focus:after,
.nav-pills > li > a:hover:after,
.nav-pills > li > a:focus:after {
	color: #e0b60a;
}
.light .footer-content .nav-pills > li.active > a:hover,
.light .footer-content .nav-pills > li > a:hover {
	color: #489bcc;
}

/* Collapse
---------------------------------- */
.panel-heading a {
	background-color: #e0b60a;
	color: #ffffff;
}
.panel-heading a:hover,
.panel-transparent .panel-heading a:hover {
	background-color: #e0b60a;
	color: #ffffff;
}

/* Progress bars
---------------------------------- */
.progress-bar-default {
	background-color: #e0b60a;
}

/* Modals
---------------------------------- */
.modal-content .modal-header {
	background-color: #e0b60a;
}

/* Images and Images overlay
---------------------------------- */
.overlay a {
	color: #e0b60a;
	background-color: #ffffff;
}
.overlay-links a + a {
	color: #ffffff;
	background-color: #e0b60a;
}
a.overlay i {
	color: #e0b60a;
}

/* 5 Navigations
----------------------------------------------------------------------------- */
/* first level active menu items on hover/focus */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus {
	color: #e7eff3;
	background-color: transparent;
}

.main-navigation .navbar-nav > .open > a, 
.main-navigation .navbar-nav > .open > a:hover, 
.main-navigation .navbar-nav > .open > a:focus { 
	color: #e7eff3; 
}

/* second level menu items on focus/hover and when opened */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu .menu > .active > a,
.dropdown-menu .menu > .active > a:hover,
.dropdown-menu .menu > .active > a:focus {
	color: #e0b60a;
	border-color: transparent;
}

/* mega menu menu items on focus/hover and when opened */
.mega-menu .menu > li > a:hover,
.mega-menu .menu > li > a:focus {
	background-color: #ffffff;
	color: #e0b60a;
}

/* arrows for parent menu items */
.navbar-default .navbar-nav > .active.dropdown > a:before {
	color: #e0b60a;
}
.navbar-default .navbar-nav > .dropdown.open > a:before { 
	color: #e5e5e5; 
}
.dropdown .dropdown.open>a:before {
	color: #e0b60a;
}

/* mobile menu toggle button on hover/focus */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #fafafa;
	border-color: #e0b60a;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #e0b60a;
}
@media (max-width:767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { 
		color: #e0b60a; 
		background-color: transparent; 
	}
	
	/* first level items hover and focus states */
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
		color: #e0b60a;
		background-color: #fff;
	}
	
	/* second level items on hover/focus */
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #e0b60a;
	}
}

/* Subfooter navigation
---------------------------------- */
.subfooter .navbar-default .nav > li > a:hover,
.subfooter .navbar-default .nav > .active > a:hover,
.subfooter .navbar-default .nav > .active > a:focus {
	background-color: transparent;
	color: #e0b60a;
}

/* 6 Blocks/Widgets
----------------------------------------------------------------------------- */
/* Boxes
---------------------------------- */
.box.gray-bg:hover {
	color: #e0b60a;
}
.box.default-bg:hover {
	background-color: #fff;
	border: 1px solid #e0b60a;
}
.box.default-bg:hover * {
	color: #e0b60a;
}
.box-style-1:not(.team-member):hover i {
	color: #e0b60a;
}
.box-style-1.default-bg:hover i, 
.box-style-1.dark-bg:hover i {
	color: inherit;
}
.box-style-2:hover .default-bg {
	background-color: #fff;
	border: 1px solid #e0b60a;
}
.box-style-2:hover .default-bg * {
	color: #e0b60a;
}
.box-style-2:hover .white-bg * {
	color: #e0b60a;
}
.box-style-3:hover .default-bg {
	background-color: #fff;
	border: 1px solid #e0b60a;
}
.box-style-3:hover .default-bg * {
	color: #e0b60a;
}
.box-style-3:hover .white-bg * {
	color: #e0b60a;
}

/* Tags cloud block
---------------------------------- */
.tag a:hover {
	color: #ffffff;
	background-color: #e0b60a;
	border-color: #e0b60a;
}

/* Social icons block
---------------------------------- */
.social-links li a {
	background: #e0b60a;
	border: 1px solid #e0b60a;
	color: #fff;
}
.social-links li a:hover {
	background-color: transparent;
	border-color: #489bcc;
	color: #489bcc;
}
.social-links .dropdown.open>button>i:before {
	content: "\f00d";
	color: #e0b60a;
}
.header-top .social-links li a:hover {
	color: #489bcc;
}

/* search and login
---------------------------------- */
.header-top-dropdown .dropdown.open>button,
.header-top-dropdown .dropdown>button:hover {

	color: #e0b60a;
}

/* Pricing tables
---------------------------------- */
.plan .popover-title {
	background-color: #e0b60a;
	color: #ffffff;
}
.gray .plan .header h3 {
	color: #e0b60a;
}
.white .plan .header {
	color: #fff;
	background: #e0b60a;
}
.stripped .header {
	background: #e0b60a;
	-webkit-box-shadow: 0px 0px 60px #489bcc inset;
	-moz-box-shadow: 0px 0px 60px #489bcc inset;
	box-shadow: 0px 0px 60px #489bcc inset;
	color: #fff;
}

/* 7 Main Slideshow
----------------------------------------------------------------------------- */
/* Slider Revolution captions */
.default_bg {
	background-color: #e0b60a;
	color: #fff;
}

/* Revolution Nav Controls */
.tparrows.round:hover {
	color: #ffffff;
	background-color: #e0b60a;
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected {
	background-color: #e0b60a;
}
.tp-bannertimer {
	background-color: rgba(61,120,216,0.7);
}

/* 8 Owl carousel
----------------------------------------------------------------------------- */
.owl-prev {
	background-color: #e0b60a;
	color: #f1f1f1;
}
.owl-next {
	background-color: #f1f1f1;
	color: #e0b60a;
}
.content-slider-with-controls .owl-buttons div,
.content-slider-with-controls-autoplay .owl-buttons div {
	background-color: #e0b60a;
	color: #f1f1f1;
}
.content-slider-with-controls .owl-prev:hover,
.content-slider-with-controls .owl-next:hover,
.content-slider-with-controls-autoplay .owl-prev:hover,
.content-slider-with-controls-autoplay .owl-next:hover {
	background-color: #f1f1f1;
	color: #e0b60a;
}
.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover span {
	background: #e0b60a;
}

/*! ========================================================================
 * Bootstrap Toggle: bootstrap-toggle.css v2.2.0
*/
.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
.toggle{position:relative;overflow:hidden}
.toggle input[type=checkbox]{display:none}
.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
.toggle.off .toggle-group{left:-100%}
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}
.toggle.btn{min-width:59px;min-height:34px}
.toggle-on.btn{padding-right:24px}
.toggle-off.btn{padding-left:24px}
.toggle.btn-lg{min-width:79px;min-height:45px}
.toggle-on.btn-lg{padding-right:31px}
.toggle-off.btn-lg{padding-left:31px}
.toggle-handle.btn-lg{width:40px}
.toggle.btn-sm{min-width:50px;min-height:30px}
.toggle-on.btn-sm{padding-right:20px}
.toggle-off.btn-sm{padding-left:20px}
.toggle.btn-xs{min-width:35px;min-height:22px}
.toggle-on.btn-xs{padding-right:12px}
.toggle-off.btn-xs{padding-left:12px}

.grayBackground {
    background-color: rgba(0, 0, 0, 0.125);
}

.bg-info-prog {
   background: #e0b60a!important; 
}

.leagueInfo .progressDates{
    font-size:12px;
    color:#e0b60a !important;
    font-weight: bold;
    margin-bottom: 5px;
}

.eventData .time {
    font-size:28px;
    font-weight:bold;
    color: #e0b60a !important;
    
    text-align:center;    
    line-height: 40px;
}

.eventData .time i{
    font-size:26px;
    font-weight:bold;
    color: #e0b60a !important;
    cursor: pointer;
      display: inline-block;
    vertical-align:center;
    line-height: 1em;
    padding-right:5px;
}

.eventData .time span {
    font-size:28px;
    font-weight:bold;
    color: #e0b60a !important;
  display: inline-block;
    padding-left:5px;
    vertical-align:center;
    line-height: 1em;
}

.eventData .btn.lose, .progress-lose {
    background-color:#e0b60a !important;
}

.lose-text {
    color:#e0b60a!important;
}

.stationsList {
    color: #e0b60a!important;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:11px;                                                        
    
    display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}

.nav-link {
  color: #e0b60a!important;  
}

.score {
    margin-bottom: 2px;
    text-align: center;
    min-width: 30px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;    
    background-color: #dfdfdf;
    color:#6c757d;
    border-radius: 4px;
}

.scoreMini {
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #dfdfdf;
    color:#6c757d;
    border-radius: 4px;
    margin-right: 2px;
}

.alert-success {
    color: #2a5f2b;
    background-color: #bcdab0;
}

.alert-info {
    color: #c7c7c7;
    background-color: #fafafa;
    border-color: #6c757d;
    text-align: center;
    font-size:11px;
    padding:10px;
} 
 
.colorPrimary {
    color:#e0b60a;
}

.panelType {
  background-color: #00843D;   
} 
 
.team-squad {
    filter: saturate(0%);
}

.team-squad span {
    font-size: 13px;
}

.teamDataValue {
    background-color: #6c757d;
    color : #fff;
    font-size: 32px;
    margin-top:20px;
    margin-bottom:5px;
    text-align:center;
    max-width: 200px;
    border-radius: 8px;
}

.teamDataValue i, .teamDataValue span {
   font-size: 16px; 
}

.teamDataValue div {
    font-size: 12px;
}

.articlePost .bg-secondary a{
    color: #fff!important; 
}

.filterWhite {
 filter: invert(100%) sepia(38%) saturate(0%) hue-rotate(355deg) brightness(114%) contrast(100%);
}


.filterSecond {
  filter: invert(21%) sepia(90%) saturate(7264%) hue-rotate(157deg) brightness(102%) contrast(101%);
}

.filterSecondMenu {
  filter: invert(91%) sepia(90%) saturate(7264%) hue-rotate(157deg) brightness(102%) contrast(101%);
}

.filterGray {
 filter: invert(60%) sepia(0%) saturate(0%) hue-rotate(242deg) brightness(102%) contrast(86%);
}


.secondColor {
    color:#00843D!important;
}

.sportEvents .panelType{
    background:#00843D!important;
}

.panelType .imgT {
    background: transparent;
    padding: 0px;
    border-radius: 0%;
    border: 0px;
    width: 22px;
    height: 22px;
}


.btn-primary {
    background-color: #00843D;
    border-color: #00843D;
}

.topText {
    box-sizing: border-box;
    margin: 12px 0;
    padding: 12px 14px 8px;
    border: 1px solid #dce6de;
    border-radius: 8px;
    background: #fff;
    color: #4f6057;
    font-size: 13px;
    line-height: 1.5;
}

.topText .topText-content {
    padding-bottom: 0;
}

.topText-content p {
    margin: 0 0 7px;
}

.topText-content h2,
.topText-content h3 {
    margin: 0 0 5px;
    color: #25342b;
    font-size: 15px;
    line-height: 1.35;
}

.topText .topText-toggle {
    position: static;
    display: block;
    margin-top: 4px;
    padding: 6px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #14613b;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.topText .topText-toggle:hover {
    background: transparent;
    color: #00843d;
}

.topText .topText-toggle:focus-visible {
    outline: 2px solid #14613b;
    outline-offset: 3px;
}

.schedule-sport-block {
  margin: 0 0 14px;
  overflow: hidden;
  border: 1px solid #d6e0d9;
  border-radius: 8px;
  background: #fff;
  color: #21312a;
  font-size: 12px;
  line-height: 1.35;
}

.schedule-sport-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-bottom: 2px solid #ffd447;
  background: #00843d;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  list-style: none;
  cursor: pointer;
}

.schedule-sport-heading::-webkit-details-marker {
  display: none;
}

.schedule-sport-heading > span:first-child {
  min-width: 0;
}

.schedule-sport-heading img {
  vertical-align: middle;
}

.schedule-sport-heading small {
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
}

.schedule-sport-count {
  margin-left: auto;
  font-size: 10px;
  font-weight: 400;
  white-space: nowrap;
}

.schedule-sport-block[open] .schedule-sport-chevron {
  transform: rotate(180deg);
}

.schedule-sport-block:not([open]) > summary {
  border-bottom-color: transparent;
}

.schedule-sport-block .panelLeague {
  margin-top: 12px !important;
  border: 0;
  background: transparent;
  box-shadow: none !important;
}

.schedule-sport-heading + .panelLeague {
  margin-top: 0 !important;
}

.schedule-sport-block .leagueTitle {
  padding: 5px 10px;
  border: 0;
  background: #edf4ee;
  color: #17623a;
  font-size: 11px;
  box-shadow: none !important;
}

.schedule-sport-block .leagueTitle .imgL {
  display: none;
}

.schedule-sport-block .schedule-event {
  display: grid !important;
  grid-template-columns: 3.5rem minmax(0, 1fr);
  align-items: start;
  gap: 8px !important;
  margin: 0;
  padding: 8px 10px;
  border: 0;
  border-radius: 0;
  background: #fff;
  color: #21312a;
  box-shadow: none !important;
}

.schedule-event + .schedule-event {
  border-top: 1px solid #e3e9e5 !important;
}

.schedule-sport-block .schedule-event:hover {
  background: #fff7e2;
}

.schedule-event .eventTime,
.schedule-event .eventTimePast {
  padding: 3px 4px;
  border-radius: 3px;
  background: #e6f2e9;
  color: #145936;
  font-size: 11px;
  white-space: nowrap;
}

.schedule-event .eventTime:hover {
  background: #d4e8d9;
}

.schedule-event > .flex-shrink-0 + .d-flex {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(90px, 34%);
  align-items: center;
  min-width: 0;
  color: inherit;
}

.schedule-event .eventText {
  min-width: 0;
  overflow-wrap: anywhere;
}

.schedule-event .eventText .fs-13 {
  font-size: 12px !important;
  font-weight: 600;
}

.schedule-event .eventText .fs-12,
.schedule-event .eventText .fs-11 {
  font-size: 10px !important;
  line-height: 1.35;
}

.schedule-event .eventText .fs-10 {
  margin: 3px 0 0 !important;
  font-size: 9px !important;
  line-height: 1.35;
}

.schedule-event .eventText + .text-end {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px;
  min-width: 0;
}

.schedule-station {
  padding: 4px 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  color: #333;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.schedule-event .adminHotPanel {
  grid-column: 1 / -1;
}

@media (max-width: 575.98px) {
  .schedule-sport-block .schedule-event {
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 6px !important;
  }

  .schedule-event > .flex-shrink-0 + .d-flex {
    grid-template-columns: minmax(0, 1fr);
  }

  .schedule-event .eventText + .text-end {
    justify-content: flex-start;
  }
}

@media (pointer: coarse) {
  .schedule-sport-heading {
    min-height: 44px;
    box-sizing: border-box;
  }
}

@media (pointer: coarse) {
    .topText .topText-toggle {
        min-height: 44px;
    }
}

.schedule-header > .navbar {
  margin-bottom: 0;
  background-color: #00843d !important;
  border-radius: .375rem .375rem 0 0;
}

.schedule-header .navbar-light .navbar-nav .nav-link {
  color: #fff !important;
}

.schedule-header .navbar-light .navbar-nav .nav-link:hover,
.schedule-header .navbar-light .navbar-nav .nav-link:focus-visible {
  color: #ffd447 !important;
}

.schedule-filter {
  --schedule-dropdown-bg: #606a64;
  --schedule-dropdown-hover-bg: #505953;
  --schedule-dropdown-border: #535d57;
  background: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
}

.schedule-filter .container {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding-block: .375rem;
}

.schedule-dates {
  margin-left: auto;
  flex-wrap: nowrap;
  align-items: center;
  gap: .125rem;
  white-space: nowrap;
}

.schedule-filter .schedule-dates .item-star {
  display: block;
}

.schedule-filter .schedule-dates .nav-link {
  position: relative;
  padding: .375rem .5rem .5rem;
  border: 1px solid var(--schedule-link-border, #adb5ae);
  border-radius: .3125rem;
  background-color: var(--schedule-link-bg, #fff);
  color: var(--schedule-link-color, #28332c) !important;
  line-height: 1.25;
  text-align: center;
}

.schedule-filter .schedule-dates .nav-link:hover,
.schedule-filter .schedule-dates .nav-link.show {
  background-color: var(--schedule-link-hover-bg, #eef3ef);
}

.schedule-filter .schedule-dates .nav-link.active {
  border-color: #00843d;
  background-color: #00843d;
  color: #fff !important;
}

.schedule-filter .schedule-dates .nav-link.active::before {
  position: absolute;
  bottom: .1875rem;
  left: 50%;
  width: 1.25rem;
  height: .1875rem;
  transform: translateX(-50%);
  border-radius: .125rem;
  background-color: #ffd447;
  content: "";
}

@media (min-width: 768px) {
  .schedule-dates {
    gap: .3125rem;
  }

  .schedule-filter .schedule-dates .nav-link {
    display: grid;
    align-content: center;
    box-sizing: border-box;
    min-width: 2.75rem;
    height: 3rem;
    min-height: 3rem;
    padding-block: .25rem .375rem;
    font-size: .9375rem;
  }

  .schedule-filter .schedule-dates .schedule-day {
    min-width: 3.8125rem;
  }

  .schedule-filter .schedule-dates #nav-link-fav {
    min-width: 3.1875rem;
  }

  .schedule-day-name {
    font-size: .75rem;
  }

  .schedule-filter .schedule-sport-options .dropdown-toggle {
    font-size: .9375rem;
  }
}

.schedule-sport {
  display: flex;
  align-items: center;
  min-width: 0;
  max-width: 35%;
}

.schedule-sport-options {
  min-width: 0;
}

.schedule-sport-options .dropdown-toggle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid var(--schedule-dropdown-border);
  border-radius: .3125rem;
  background-color: var(--schedule-dropdown-bg);
  color: #fff;
  text-transform: none;
}

.schedule-sport-options .dropdown-toggle:hover,
.schedule-sport-options .dropdown-toggle.show {
  background-color: var(--schedule-dropdown-hover-bg);
}

.schedule-sport-options .dropdown-toggle > img {
  display: none;
}

.schedule-sport-options .dropdown-menu {
  max-width: calc(100vw - 1rem);
  max-height: 55vh;
  overflow-y: auto;
}

@media (max-width: 767.98px) {
  .schedule-filter .container {
    gap: .25rem;
    padding-inline: .375rem;
  }

  .schedule-filter .schedule-dates .nav-link,
  .schedule-filter .schedule-sport-options .dropdown-toggle {
    font-size: .8125rem;
    padding-inline: .25rem;
  }

  .schedule-filter .schedule-dates #nav-link-fav {
    min-width: 2.0625rem;
  }

  .schedule-filter .schedule-dates .dropdown-toggle {
    --schedule-link-border: var(--schedule-dropdown-border);
    --schedule-link-bg: var(--schedule-dropdown-bg);
    --schedule-link-hover-bg: var(--schedule-dropdown-hover-bg);
    --schedule-link-color: #fff;
    padding-inline: .375rem;
  }

  .schedule-date-menu .dropdown-item {
    padding: .5rem 1rem;
  }
}

@media (max-width: 575.98px) {
  .schedule-filter .schedule-dates .schedule-extra-date-active {
    border-color: #00843d;
    background-color: #00843d;
    color: #fff !important;
    font-weight: bold;
  }

  .schedule-filter .schedule-dates .schedule-extra-date-active::before {
    position: absolute;
    bottom: .1875rem;
    left: 50%;
    width: 1.25rem;
    height: .1875rem;
    transform: translateX(-50%);
    border-radius: .125rem;
    background-color: #ffd447;
    content: "";
  }
}


@media (max-width: 991.98px) {
  .hotListing-scroller .hotListing {
    box-sizing: border-box;
    width: max-content;
    min-width: 100%;
    justify-content: center;
    gap: 8px;
    padding: 6px;
    background: transparent;
  }

  .hotListing-scroller .hotListing > a {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    margin: 0 !important;
    border: 1px solid #dce6de;
    border-radius: 8px;
    background: #fff;
  }

  .hotListing-scroller .hotListing > a:hover {
    border-color: #9fbba8;
    background: #f0f6f0;
  }

  .hotListing-scroller .hotListing > a:focus-visible {
    outline: 2px solid #14613b;
    outline-offset: 2px;
  }

  .hotListing-scroller .hotListing > a > img {
    display: block;
    width: 28px;
    height: 26px;
    margin: 0 !important;
    border-radius: 0 !important;
    object-fit: contain;
    mix-blend-mode: normal;
  }
}

@media (max-width: 767.98px) {
  .hotEvents-wrapper .hotEvents-m-arrow.left {
    left: 4px;
  }

  .hotEvents-wrapper .hotEvents-m-arrow.right {
    right: 4px;
  }

  .hotEvents-wrapper .panel-body-mobile > .list-group-item > .flex-shrink-0 {
    display: none;
  }

  .hotEvents-wrapper .panel-body-mobile .eventTextMobile > div {
    font-size: 9.5px;
    line-height: 1.25;
  }
}

@media (min-width: 768px) {
  .hotEvents-wrapper .hotEvents:has(.hot-agenda),
  .hotEvents-wrapper .panel-body-desktop:has(.hot-agenda) {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .hot-agenda {
    overflow: hidden;
    border: 1px solid #d6e0d9;
    border-radius: .5rem;
    background: #fff;
    color: #21312a;
    font-size: .75rem;
    line-height: 1.3;
  }

  .hot-agenda .hot-agenda-title {
    margin: 0;
    padding: .375rem .625rem;
    border-bottom: 2px solid #ffd447;
    background: #00843d;
    color: #fff;
    font-size: .875rem;
  }

  .hot-agenda-row {
    display: grid;
    grid-template-columns: 5.25rem minmax(0, 1fr) auto;
  }

  .hot-agenda-row + .hot-agenda-row > :not(.hot-agenda-day),
  .hot-agenda-row + .hot-agenda-new-day > .hot-agenda-day,
  .hot-agenda-more {
    border-top: 1px solid #e3e9e5;
  }

  .hot-agenda-day {
    display: flex;
    align-items: center;
    padding: .25rem .375rem;
    background: #edf4ee;
    color: #17623a;
    font-weight: 600;
  }

  .hot-agenda-event {
    display: grid;
    grid-template-columns: 3.75rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .375rem;
    padding: .25rem .5rem;
    color: inherit;
  }

  .hot-agenda-event:hover,
  .hot-agenda-event:focus-visible {
    background: #fff7e2;
    color: inherit;
  }

  .hot-agenda-name,
  .hot-agenda-station {
    overflow-wrap: anywhere;
  }

  .hot-agenda-description {
    color: #53635a;
    font-size: .6875rem;
  }

  .hot-agenda-description .d-md-block {
    display: inline !important;
  }

  .hot-agenda-time {
    justify-self: start;
    padding: .125rem .25rem;
    font-size: .6875rem;
    border-radius: .1875rem;
    background: #e6f2e9;
    color: #145936;
    white-space: nowrap;
  }

  .hot-agenda-station {
    justify-self: end;
    max-width: 6.5rem;
    padding: .125rem .375rem;
    border: 1px solid #d6e0d9;
    border-radius: .25rem;
    color: #394b41;
    font-size: .6875rem;
    text-align: right;
  }

  .hot-agenda-more > summary {
    padding: .25rem .625rem;
    color: #17623a;
    text-align: center;
    cursor: pointer;
  }
}