@charset "UTF-8";
/* CSS Document */

.preview-card {

}

.preview-card--carousel {

}

.preview-card--primary {

}

.preview-card--primary .preview-card--image {
	position: relative;
}

.preview-card--primary .preview-card--image .image-container {
	width: 100%;
	padding-bottom: 47.5%;
	position: relative;
	border-radius: .75rem;
	overflow: hidden;
	margin-bottom: .825rem;
	box-shadow: 0 0 0 rgba(0,0,0,.2);
	transition: all ease-in-out 300ms;
}

.preview-card--primary:hover .preview-card--image .image-container {
	box-shadow: 0 0 .25rem rgba(0,0,0,.25);
}

.preview-card--primary .preview-card--image .image-container .image {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	transition: all ease-in-out 300ms;
	background-color: var(--color-gray-b);
}

.preview-card--primary:hover .preview-card--image .image-container .image {
	width: 104.25%;
	height: 104.25%;
}



.preview-card--primary .preview-card--info {
	padding-left: .125rem;
}

.preview-card--primary .preview-card--info--title {
	color: var(--color-dark-blue-a);
	margin-bottom: .25rem;
	font-size: 1.5rem;
	line-height: .9em;
	
	font-size: 1.75rem;

}
.preview-card--primary .preview-card--info--title a {
	font: inherit;
	color: inherit;
	text-decoration: none;
	transition: all ease-in-out 50ms;
}

.preview-card--primary:hover .preview-card--info--title a {
	color: var(--color-blue-a);
}

.preview-card--primary .preview-card--info--date {
	color: var(--color-dark-blue-a);
	font-size: .875rem;
}
.preview-card--primary .preview-card--info--date a {
	font: inherit;
	color: inherit;
	text-decoration: none;
}

.preview-card .flag-container--top {
	position: absolute;
	top: 0;
	right: 0;
	padding-right: .5rem;
	padding-top: .5rem;
}

.preview-card .flag-container--bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	padding-left: .5rem;
	padding-bottom: .5rem;
}

.preview-card .flag {
	background-color: var(--color-light-gray-b);
	line-height: 1em;
	display: inline-block;
	border-radius: 2rem;
	padding: .275rem .5625rem .33rem .5625rem;
	margin-right: .125rem;
	font-size: .9rem;
	font-weight: 600;
	letter-spacing: .0222em;
	text-transform: uppercase;
	box-shadow: 0 0 .25rem rgba(0, 0, 0, .2);
	color: var(--color-dark-blue-a);
}

.preview-card .flag:last-child {
	margin-right: 0;
}

.preview-card .flag.flag--ages {
	text-transform: uppercase;
}

.preview-card .flag.flag--ages {
	display: none;
}

.butlersports-preview-image.image-container {
  display: inline-block;
	height: 0;
}

.butlersports-preview-image.image-container .team-logo-wrapper {
	padding: 1.25rem;
	transition: all ease-in-out 225ms;
}

.preview-card:hover .butlersports-preview-image.image-container .team-logo-wrapper {
  padding: .75rem .825rem;
}

@media (max-width: 1260px) {



	.preview-card--primary .preview-card--image .image-container {
		border-radius: .67rem;
	}

}

@media (max-width: 1160px) {

	.preview-card--primary .preview-card--image .image-container {
		border-radius: .625rem;
	}

}

@media (max-width: 1100px) {



	.preview-card--primary .preview-card--image .image-container {
		border-radius: .5625rem;
	}

}

@media (max-width: 1024px) {

	.preview-card--primary .preview-card--image .image-container {
		border-radius: .5rem;
	}

	.col-container.carousel {
		padding-top: .5rem;
	}

}

@media (max-width: 960px) {

	.col-container.carousel {
		padding-top: .425rem;
	}



}

@media (max-width: 860px) {

	.col-container.carousel {
    padding-top: .25rem;
	}

	.preview-card--primary .preview-card--info--date {
		font-size: .825rem;
	}


}


@media (max-width: 768px) {

	.col-container.carousel {
		padding-bottom: .75rem;
	}



	.preview-card--primary .preview-card--image .image-container {
		margin-bottom: .5625rem;
	}

	.preview-card .flag-container--top {
    padding-right: .375rem;
    padding-top: .375rem;
	}

	.preview-card .flag {
		margin-right: 0;
	}

	.preview-card--primary .preview-card--info--title a {
		font-size: 1.25rem;

		font-size: 1.375rem;
	}

	.preview-card .flag-container--bottom {
		padding-left: .375rem;
		padding-bottom: .375rem;
	}

}

@media (max-width: 640px) {

	.preview-card--primary .preview-card--image .image-container {
    margin-bottom: .67rem;
  }

	.preview-card--primary .preview-card--info--date {
    font-size: .825rem;
  }

	.preview-card--primary .preview-card--image .image-container {
		border-radius: .375rem;
	}

}

@media (max-width: 575px) {

}

@media (max-width: 480px) {

	.preview-card--primary .preview-card--image .image-container {
    margin-bottom: .5rem;
	}

	.preview-card--primary .preview-card--info--title a {
    font-size: 1.175rem;
    letter-spacing: .25px;

		font-size: 1.25rem;
	}

	.preview-card--primary .preview-card--info--date {
  	font-size: .775rem;
	}

}

@media (max-width: 436px) {

	.preview-card--primary .preview-card--image .image-container {
        margin-bottom: .125rem;
	}

	.preview-card--primary .preview-card--info--title a {
    font-size: 1.0625rem;

		font-size: 1.175rem;
	}

	.preview-card--primary .preview-card--info--date {
		font-size: .8rem;
	}

	.preview-card .flag {
		/*font-size: .825rem;*/
	}

}