/* Customised CSS not belonging to Smarty */
/**

		- Font Size 				.fs-md-*, .font-weight-medium

**/

/*
ADDING THE FIRST RULE HERE DUE TO THE TOP NAVBAR SUDDENLY
BREAKING IE NOT REAPPEARING AFTER SCROLLING BACK UP.
THIS IS SMARTY-RELATED. 

*/
.alert {
  list-style: none;
  padding-left: 10px;
}

.form-gap {
	padding-top: 70px;
}

.bg-black {
	background-color: #000000 !important;
}

.bg-nearblack {
	background-color: #181818 !important;
}

.pink-on-black {
	background-color: #3a3a3a;
	color: #f92084;
}

.bigtime-pink {
	color: #f92084;
}

a.bigtime-anchors:link {
	color: #f92084 !important;
	text-decoration: underline;
}

a.bigtime-anchors:visited {
	color: #f92084 !important;
	text-decoration: underline;
}

/* ADD MISSING FONT SIZES! */
.fs--21 {
	font-size: 21px !important;
}

.fs--22 {
	font-size: 22px !important;
}

.fs--23 {
	font-size: 23px !important;
}

.fs--24 {
	font-size: 24px !important;
}

@media ( min-width : 768px) {
	.h1-md {
		font-size: 2.5rem !important;
	}
	.h2-md {
		font-size: 2rem !important;
	}
	.h3-md {
		font-size: 1.75rem !important;
	}
	.h4-md {
		font-size: 1.5rem !important;
	}
	.h5-md {
		font-size: 1.25rem !important;
	}
	.h6-md {
		font-size: 1rem !important;
	}
	.fs-md-10 {
		font-size: 10px !important;
	}
	.fs-md-11 {
		font-size: 11px !important;
	}
	.fs-md-12 {
		font-size: 12px !important;
	}
	.fs-md-13 {
		font-size: 13px !important;
	}
	.fs-md-14 {
		font-size: 14px !important;
	}
	.fs-md-15 {
		font-size: 15px !important;
	}
	.fs-md-16 {
		font-size: 16px !important;
	}
	.fs-md-17 {
		font-size: 17px !important;
	}
	.fs-md-18 {
		font-size: 18px !important;
	}
	.fs-md-19 {
		font-size: 19px !important;
	}
	.fs-md-20 {
		font-size: 20px !important;
	}
	.fs-md-21 {
		font-size: 21px !important;
	}
	.fs-md-22 {
		font-size: 22px !important;
	}
	.fs-md-23 {
		font-size: 23px !important;
	}
	.fs-md-24 {
		font-size: 24px !important;
	}
	.fs-md-25 {
		font-size: 25px !important;
	}
	.fs-md-30 {
		font-size: 30px !important;
	}
	.fs-md-35 {
		font-size: 35px !important;
	}
	.fs-md-40 {
		font-size: 40px !important;
	}
	.fs-md-45 {
		font-size: 45px !important;
	}
	.fs-md-50 {
		font-size: 50px !important;
	}
	.fs-md-60 {
		font-size: 60px !important;
	}
}

@media ( min-width : 992px) {
	.h1-lg {
		font-size: 2.5rem !important;
	}
	.h2-lg {
		font-size: 2rem !important;
	}
	.h3-lg {
		font-size: 1.75rem !important;
	}
	.h4-lg {
		font-size: 1.5rem !important;
	}
	.h5-lg {
		font-size: 1.25rem !important;
	}
	.h6-lg {
		font-size: 1rem !important;
	}
}

@media ( min-width : 1200px) {
	.h1-xl {
		font-size: 2.5rem !important;
	}
	.h2-xl {
		font-size: 2rem !important;
	}
	.h3-xl {
		font-size: 1.75rem !important;
	}
	.h4-xl {
		font-size: 1.5rem !important;
	}
	.h5-xl {
		font-size: 1.25rem !important;
	}
	.h6-xl {
		font-size: 1rem !important;
	}
}

body {
	min-height: 100vh;
	display: flex;
	background-color: #141414;
	align-items: center;
	justify-content: center;
	font-family: Lato, Roboto, sans-serif;
	font-size: 16px;
}
/* Optional: card width */
.reset-wrapper {
	/* vertical stack */
	display: flex;
	flex-direction: column;
	align-items: center; /* horizontal centre */
	gap: 1rem; /* space between logo and card */
}

.reset-card {
	max-width: 420px;
	width: 100%;
}

.card .card-body {
	font-family: Lato, Roboto, sans-serif !important;
}

@media ( min-width : 1200px) {
	.banner-radio-lower {
		padding-top: 30%;
	}
}

.btn-website, .btn-website:hover {
	color: #fff;
	background-color: #4e2848;
	border-color: #4e2848;
}

.btn-website:hover, .btn-website:focus, .btn-website:active {
	box-shadow: 0 4px 11px rgba(59, 89, 152, 0.35);
}

.btn-soundcloud, .btn-soundcloud:hover {
	color: #fff;
	background-color: #fe5000;
	border-color: #fe5000;
}

.btn-tiktok, .btn-tiktok:hover {
	color: #ffffff;
	background-color: #181818;
	border-color: #181818;
}

.btn-applemusic, .btn-applemusic:hover {
	color: #fff;
	background-color: #181818;
	border-color: #181818;
}

.btn-soundcloud:hover, .btn-soundcloud:focus, .btn-soundcloud:active {
	box-shadow: 0 4px 11px rgba(59, 89, 152, 0.35);
}

.btn-spotify, .btn-spotify:hover {
	color: #fff;
	background-color: #1db954;
	border-color: #1db954;
}

.btn-spotify:hover, .btn-spotify:focus, .btn-spotify:active {
	box-shadow: 0 4px 11px rgba(59, 89, 152, 0.35);
}

.btn-twitter, .btn-twitter:hover {
	color: #fff !important;
	background-color: #181818 !important;
	border-color: #181818 !important;
}

.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active {
	box-shadow: 0 4px 11px rgba(59, 89, 152, 0.35) !important;
}

.coastal-resort {
	background-image:
		url("https://music.bigtime.radio/images/comp_image.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

.overlay {
	display: flex;
	align-items: center;
	padding: 5px 75px 20px 40px;
}

img.comp-text {
	height: auto;
	display: block;
	flex: 0 0 50%;
	max-width: 50%;
}

img.comp-thumbnails {
	max-width: 50%;
	height: auto;
	display: block;
	flex: 0 0 50%;
}

@media ( max-width : 768px) {
	.coastal-resort {
		background-size: 155%;
	}
	img.comp-text {
		flex: 0 0 100%;
		max-width: 100%;
	}
	img.comp-thumbnails {
		display: none;
	}
}

.patience-container {
	overflow: hidden;
}

.patience-container img {
	max-width: 100%;
}

@media ( max-width : 768px) {
	.patience-container img {
		max-width: 210%;
		width: auto !important;
	}
}