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


main{
	overflow: hidden;
}


/**** BUTTONS ****/
.btn-outline-primary{
	border-color: #000000;
	color: #000000;
	font-weight: 700;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus{
	border-color: #e81111;
	color: #ffffff;
	background: #e81111;
	text-decoration: none;
}

.btn-primary{
	background: #e81111;
	border-color: #e81111;
	color: #ffffff;
	font-weight: 700;
}
.btn-primary:hover,
.btn-primary:focus{
	background: #c90b0b;
	border-color: #c90b0b;
	color: #ffffff;
	text-decoration: none;
}


#schca-mainheader {
	z-index: 20;
}

#schca-mainfooter {
	z-index: 19;
	position: relative;
}

.alert-bar{
	background-color:#e2e2e2;
	z-index: 50;
	position: relative;
}

.alert-banner-text{
	font-size: 14px;
	color: black;
	text-decoration: none;
}

.alert-banner-text:hover{
	font-size: 14px;
	color: black;
	text-decoration: underline;
}

.bookclubs-row{
	position: relative;
	min-height: 160px;
}

.bookclubs-container{
	background-color:#ffffff;
	margin-top:-120px;
	min-height:200px;
	width: 100%;
	max-width: 800px;
	z-index:10;
	box-shadow:0 0 30px 0 rgba(0,0,0,0.2);
	border-radius:20px;
	position: absolute;
	opacity:0;
	animation: none;
	transition: all 700ms ease-in-out;
}


.bookclubs-container.active {
	opacity:1;
}

.bookclubs-container:hover {
	animation: bounceDesktop 1.25s linear;
	animation-timing-function: ease-in-out;
}

.btn-promo {
	border-radius:25px 25px 25px 25px;
	padding:10px 20px;
	font-weight: 600;
	position: relative;
}

.btn-promo:hover {
	background-color:#363636;
	color: #ffffff;
}

.btn-red {
	background-color:#e81011;
	color: #ffffff;
	border-radius:25px 25px 25px 25px;
	padding:10px 20px;
	font-weight: 600;
	position: relative;
}

.btn-red:hover {
	background-color:#363636;
	color: #ffffff;
}

.btn-red::after {
	background-color: #e81011;
}

.btn-feature-1 {
	border-radius:25px 25px 25px 25px;
	padding:10px 20px;
	font-weight: 600;
	position: relative;
}

.btn-feature-1:hover {
	background-color:#363636;
	color: #ffffff;
}

.btn-yellow {
	background-color:#ffdb60;
	color: #333333;
	border-radius:25px 25px 25px 25px;
	padding:10px 20px;
	font-weight: 600;
	position: relative;
}

.btn-yellow:hover {
	background-color:#363636;
	color: #ffffff;
}

.btn-yellow::after {
	background-color: #ffdb60;
}

.btn-feature-2 {
	border-radius:25px 25px 25px 25px;
	padding:10px 20px;
	font-weight: 600;
	position: relative;
}

.btn-feature-2:hover {
	background-color:#363636;
	color: #ffffff;
}

.-red {
	color: #e81011;
}

.promo-space{
	background-repeat: no-repeat;
	min-height: 400px;
	background-size: cover;
	position: relative;
	border-radius:25px 25px 25px 25px;
}

.card-underlay{
	border-radius: 20px;
	width:100%;
	height:100%;
	background-color: #fdefbe;
	box-shadow: inset 0 0 14px 0 rgba(0,0,0,0.3);
	position: relative;
	min-height:555px;
	margin-top:-555px;
	z-index: 1;
}

.-movingLeft {
	margin-left: -200px;
	opacity:0;
	transition: all 700ms;
}

.-movingLeft.active {
	opacity:1;
	margin-left: 0px;
}

.-movingRight {
	margin-left: 200px;
	opacity:0;
	transition: all 700ms;
}

.-movingRight.active {
	opacity:1;
	margin-left: 0px;
}

.-movingUp {
	margin-top: 200px;
	transition: all 700ms;
}

.-movingUp.active {
	margin-top: 0px;
}

.card-lift{
	background-color: #ffffff;
	position: relative;
	z-index: 15;
	border-radius: 40px;
	box-shadow:none;
	width:100%;
}

.rounded-card{
	border-radius: 20px;
}

.-left{
	transition: all .25s ease-in-out;
}

.-right{
	transition: all .25s ease-in-out;
}

.-center{
	transition: all .25s ease-in-out;
}

.-left:hover{
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);
	transform: scale(1.025) translateX(0px) translateY(0px);
}

.-center:hover{
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);
	transform: scale(1.025) translateX(0px) translateY(0px);
}

.-right:hover{
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);
	transform: scale(1.025) translateX(0px) translateY(0px);
}

.banner-overlay{
	display:none;
	position: fixed;
	width:100%;
	height: 100%;
	z-index: 0;
	transition: 0.3s;
}


.banner-overlay.scrolled{
	background-color: rgba(255,255,255,0);
	z-index: 0;
}

.home-hero-banner.scrolled{
	filter: blur(0);
}

.bookclubs-container.scrolled{
	animation: none;
}


@keyframes bounce {
	0% {
		margin-top: -30px;
	}
	50% {
		margin-top: -34px;
	}
	100% {
		margin-top: -30px;
	}
}


/* @keyframes bounceDesktop {
	0% {
		transform: scale(1);
	}
	25% {
		transform: scale(1.02);
	}
	50% {
		transform: scale(0.995);
	}
	75% {
		transform: scale(1.007);
	}
	85% {
		transform: scale(1.003);
	}
	100% {
		transform: scale(1);
	}
} */


@keyframes bounceDesktop {
	0% {
		transform: scale(1);
	}
	25% {
		transform: scale(0.98);
	}
	50% {
		transform: scale(1.005);
	}
	75% {
		transform: scale(0.995);
	}
	85% {
		transform: scale(0.997);
	}
	100% {
		transform: scale(1);
	}
}


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

	.banner-overlay.scrolled{
		background-color: rgba(255,255,255,0.7);
		z-index: 5;
	}

	.home-hero-banner.scrolled{
		filter: blur(20px);
	}

	.bookclubs-container.scrolled{
		animation: none;
	}

	.bookclubs-container:hover {
		animation: none;
	}

	.bookclubs-row{
		min-height: 230px;
	}

	.alert-bar{
		/*top: 52px;*/
	}

	.-movingLeft {
		opacity:1;
		margin-left: 0px;
		transition: none;
	}

	.-movingRight {
		opacity:1;
		margin-left: 0px;
		transition: none;
	}

	.-movingUp {
		margin-top: 0px;
		transition: none;
	}

	.-movingUp.active {
		margin-top: -60px;
	}

	.bookclubs-container {
		opacity:1;
		margin-top: -30px;
		animation: bounce 1s infinite;
	}

	.promo-space {
		background-position: center top;
		background-size: cover;
		border-radius: 20px;
		position: relative;
		z-index:10;
		background-color: #ffffff;
	}

	.banner-overlay{
		top:0px;
		display:block;
		position: fixed;
		width:100%;
		height: 100%;
		z-index: 0;
		background-color: rgba(255,255,255,0);
		transition: 0.3s;
	}

	.card-lift{
		min-height:0px;
		border-radius: 20px;
	}

	.rounded-card{
		border-radius: 15px;
	}

	.card-underlay{
		display: none;
	}

	.-left:hover{
		box-shadow: none;
		transform: unset;
	}

	.-center:hover{
		box-shadow: none;
		transform: unset;
	}

	.-right:hover{
		box-shadow: none;
		transform: unset;
	}
}


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

	.alert-bar{
		/*top: 90px;*/
	}

}


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

	.bookclubs-row{
		min-height: 380px;
	}

}


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

	.bookclubs-row{
		min-height: 400px;
	}

}


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

	.bookclubs-row{
		min-height: 390px;
	}

}


.btn{
	transition: all ease-in-out 100ms;
}

.btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* .btn::after {
	content: "";
	display: inline-block;
	height: 100%;
	width: 100%;
	border-radius:25px 25px 25px 25px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all 0.4s;
}

.btn:hover::after {
	transform: scaleX(1.1) scaleY(1.3);
	opacity: 0;
} */

.btn-animated {
-webkit-animation: moveInBottom 5s ease-out;
		animation: moveInBottom 5s ease-out;
-webkit-animation-fill-mode: backwards;
		animation-fill-mode: backwards;
}

@-webkit-keyframes moveInBottom {
0% {
	opacity: 0;
	transform: translateY(30px);
}
100% {
	opacity: 1;
	transform: translateY(0px);
}
}

@keyframes moveInBottom {
0% {
	opacity: 0;
	transform: translateY(30px);
}
100% {
	opacity: 1;
	transform: translateY(0px);
}
}





.video-container{
	height: 358px;
}
@media screen and (max-width:1399px){
	.video-container{
		height: 308px;
	}
}
@media screen and (max-width:1199px){
	.video-container{
		height: 257px;
	}
}
@media screen and (max-width:991px){
	.video-container{
		height: 190px;
	}
}
@media screen and (max-width:767px){
	.video-container{
		height: 358px;
	}
}
@media screen and (max-width:480px){
	.video-container{
		height: 180px;
	}
}


.video-container-playlist{
	height: 306px;
}
@media screen and (max-width:1399px){
	.video-container-playlist{
		height: 306px;
	}
}
@media screen and (max-width:1199px){
	.video-container-playlist{
		height: 306px;
	}
}
@media screen and (max-width:991px){
	.video-container-playlist{
		height: 306px;
	}
}
@media screen and (max-width:767px){
	.video-container-playlist{
		height: 163px;
	}
}
@media screen and (max-width:480px){
	.video-container-playlist{
		height: 163px;
	}
}

.vjs-poster, .video-js, .limelight-player {background-color: transparent !important;}