@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root {
	--primary: #e61e25;
}

body {
	background: #000 url(../images/bg-main.jpg?v=0004) no-repeat;	
	font-family: 'Poppins', sans-serif;
	background-size: 100%;
}

a {
	cursor: pointer;
	color: var(--primary);
	text-decoration: none;
}

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

.mobile {
	display: none !important;
}

h1,h2,h3,h4 {
	text-transform: uppercase;
  font-weight: 700;
  font-size: 1.5rem;
}

header .logo {
	max-width: 300px;
	width: 100%;
	padding: 0.5rem 0 0 0;
}

.primary {
	color: var(--primary) !important;
}

.primary-bg {
	background: var(--primary) !important;
	border: 1px solid var(--primary) !important;
}

.call-free {
	color: #fff;
	text-transform: uppercase;
}

.main .container {
	padding: 1rem;
  background: #fff;
}

.container {
	max-width: 1140px;
}

	.carousel-indicators .active {
		background-color: var(--primary);
	}

	/**live odds **/

	.odds-tool {
		font-size: 80%;
	}
	
	#odds-container .accordion-button {
		padding: .5rem;
		background-color: #41464b;
		color: #fff;
		font-size: 0.8rem
	}
	
	#tableOdds-container .bg-primary {
			background-color: var(--primary) !important;
	}
	
	#tableOdds-container .table .bg-light {
			background-color: #41464b !important;
			color: #fff;
			border-radius: 0.5rem;
	}
	
	.accordion-button::after {
		filter: invert(.5);
	}

.modal h4 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    font-size: 1rem;
    color: var(--primary);
}

	footer.main-footer {
		font-size: 11px;

	}

	.export svg {
		fill: #fff;
	}

@media only screen and (max-width: 568px) { 

	.mobile {
		display: block !important;
	}

	.hero {
		display: none;
	}

	.login h2 {
		text-transform: uppercase;
		color: var(--primary);
	  font-weight: 700;
	  font-style: italic;
	}

	.mobile-container {
		padding: 1rem !important;
		/*margin-top: 25%;*/
	} 

	#sports-btn-mobile {
		position: fixed;
		width: 80px;
		height: 80px;
		border: 0;
		bottom: 10px;
		right: 10px;
		background: red;
		color: white;  
	  }  

	  #leaguesContainer {
		display: none;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 1030;
		max-width: 75%;
		padding-left: 0;
	  }

	  #odds-container {
		margin: 0 !important;
		padding: 0.5rem;
	  }

	  .odds-tool {
		padding: 0 !important
	  }

	  #oddsContainer {
		padding: 0 !important;
	  }

}