/*
orange #fe4d00
*/




/* Base Styles =========================================================================*/




body {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	background:#f1f1f1;
	margin:0px;
	padding:0px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	display:block
}

header {
	background:#333333;
}

header img.logo {
	width:130px;
	padding:0px 0px;
}

.Site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.Site-content {
  flex: 1;
}


.bg-primary, {
    background-color: #f40000 !important;
}

.btn-primary {
	background-color: #f40000 !important;
	border: #f40000
}

.card,
.card-img {
	border-radius:0px;
}

.card-img-top {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

footer{
   /* The footer will take up as much vertical space as it needs and not a pixel more. */
   flex: 0 0 auto;
   background: #ffffff;
   padding:50px 20px;
}

footer P {
   color:#333333;
   text-align:center;
   font-size:13px;
}

a {
	color:#f40000;
}

a:focus {
	outline-style:none
}

p {
	font-size:1.1rem;
	line-height:130%;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	font-weight:500;
}

.container {
	max-width:1580px;
	width:auto;
}

/* local utility classes ================================================================= */

.pad-lg {
	padding-top:20px;
	padding-bottom:20px;
}
.white {
	color:#ffffff;
}

.red {
	color:#f40000;
}

/* general classes ======================================================================= */

h4.card-title {
	font-size:22px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#666666;
	
}

/* feature-panel========================================================================== */

.feature-panel img.banner {
	width:100%
}

.feature-panel h2.card-title {
	font-size:30px; 
	font-weight:bolder;
	text-align:center;
}

.feature-panel p.card-text {
	font-size:12px;
	font-weight:400;
}

.feature-panel .card-img-overlay {
	position:relative;
	background: #222222; 
	padding:20px;
}

.feature-panel .headline-text h2.card-title {
	color:#ffffff
}

.feature-panel .card.headline-text {
	background-color:#333333;
	border:0px
}

.feature-panel .card.headline-text {
	background-color:#222222;
	border:0px
}

.feature-panel .card.headline-text P.card-text {
	color:#ffffff;
}

.feature-panel .slick-dots li.slick-active button:before {
	color:#fff;
	font-size:10px
}

.feature-panel .slick-dots li button:before {
	color:#ccc;
	font-size:10px
}

/* latest-panel=========================================================================== */


.latest-panel .instagram a.main-link {
	height:200px;
	overflow:hidden;
	display:block;
}

.latest-panel .instagram i.fa-instagram {
	color:#fff;
	font-size:1.8rem;
	opacity:.5;
}

.latest-panel .instagram .card {
	background:#000000;
	border:none;
	margin-right:2px;
}

.latest-panel .twitter a.main-link {
	height:25vh;
	overflow:hidden;
	display:block;
}

.latest-panel .twitter i.fa-twitter.overlay {
	color:#fff;
	font-size:1.8rem;
	opacity:.5;
}

.latest-panel .card-footer a {
	color:#666666;
}

.latest-panel .card-footer a:HOVER {
	color:#ff0066;
	
}

/* standings ============================================================================= */

.standings table.standings {
	width:100%;
}

.standings table.standings td,
.standings table.standings th {
	padding:.75rem 5px;
}

.standings .advert {
	border:1px solid #e5e5e5;
}

.standings .table td, .table th {
	border-top: 1px solid #555555;
}


/* standings ============================================================================= */

.finder .finder-button {
	width:50%;
	margin:auto
}

.finder {
	padding:150px 0px;
}

.finder h2 {
	color:#ffffff;
	font-size:50px;
	text-transform:uppercase;
	letter-spacing:-2px;
	font-weight:bold;
}

.finder h4 {
	color:#ffffff;
	font-size:30px;
	text-transform:none;
	letter-spacing:-1px;
}



/* events ============================================================================= */


.events .list-group-item.active {
	background-color: #f40000;
	border-color: #f40000;
}

.username-text {color:#FFF;}

.swal2-confirm {
    background-color: #f40000 !important;
    border-color: #f40000 !important;
}
/*==================================================
					  MEDIA QUERIES    	         
==================================================*/


/*	Extra small devices (portrait phones, less than 576px)
	No media query since this is the default in Bootstrap

	Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {


}

/*	Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	
	header img.logo {
	width:180px;
	padding:0px 0px;
	}
	
	.latest-panel .instagram a.main-link {
	height:170px;
	}
	
	.feature-panel h2.card-title {
	font-size:30px;
	text-align:left
	}

	.feature-panel p.card-text {
		font-size:20px;
	}
	
	.feature-panel .card-img-overlay {
		position:absolute;
		background: url("/_img/feature-overlay-small.png") repeat-x; 
		padding:60px
	}

}

/*	Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

	.feature-panel h2.card-title {
	font-size:50px;
	}
	
	.feature-panel .card-img-overlay {
		background: url("/_img/feature-overlay.png") repeat-x; 
		padding:60px
	}

}

/*	Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

	.feature-panel h2.card-title {
		font-size:70px;
		letter-spacing:-2px;
	}

}