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


/**** 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;
}

/**** MAIN BANNER ****/
#mainbanner{

}

/**** LATEST RELEASES ****/
#latestreleases{
	background-color: #ffd634;
	background-image: url(/our-books/graphic-novels/images/bg-yellow.jpeg);
	background-size: cover;
}
.bookitem{
	flex-basis: 14.5%;
}
.bookitem a{
	font-size: 15px;
	line-height: 19px;
	text-decoration: none;
	color: #000000;
}
.bookimagecontainer{
	width: 100%;
	height: 200px;
	position: relative;
	text-align: center;
	margin-bottom: 7px;
}
.bookimage{
	margin: 0;
	padding: 0;
	line-height: 1px;
}
.bookimage img{
	max-width: 100%;
	max-height: 100%;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	border: 1px solid #bdbdbd;
	box-shadow: -5px 5px 0 #00000020;
	transition: transform 150ms, box-shadow 150ms;
}
.bookitem:hover img{
	transform: scale(1.02);
	box-shadow: -10px 10px 0 #00000010;
}
.bookitemtitle{
	font-size: 15px;
	line-height: 20px;
}

@media screen and (max-width: 992px){
	.bookitem{
		flex-basis: 20%;
	}
}
@media screen and (max-width: 767px){
	.bookitem{
		flex-basis: 45%;
	}
	.bookimagecontainer{
		width: 100%;
		height: 260px;
	}
}

/**** SERIES ****/
#series{
	background-color: #FDAA24;
	background-image: url(/our-books/graphic-novels/images/bg-orange.jpeg);
	background-size: cover;
}
.seriesitem{
	flex-basis: 20%;
}
.seriesitem img{
	max-width: 100%;
	height: auto;
}

/**** THEATRE ****/
#theatre{
	background-color: #56D3CD;
	background-image: url(/our-books/graphic-novels/images/bg-blue.jpeg);
	background-size: cover;
	height:710px;
}

/**** HOME BASE ****/
#homebase{
	background-color: #032C5C;
	background-image: url(/our-books/graphic-novels/images/bg-homebase.png);
	background-size: cover;
}

/**** BOTTOM ****/
#bottom{
	background-color: #ffd634;
	background-image: url(/our-books/graphic-novels/images/bg-yellow.jpeg);
	background-size: cover;
}

/**** BOOK INFO PAGE ****/
.backhome{
	color: #000000;
	text-decoration: none;
}

@media screen and (max-width: 767px){
	.bookinfoitemimage{
		max-width: 150px;
		margin: 0 auto;
	}
}


.details-link{
	color:#264CD2!important;
	text-decoration: none;
}

.details-link:hover{
	color:#00008A!important;
	text-decoration: underline;
}

.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;}