/*------- MEDIA KIT PAGE -------*/
.close-button {
    position: absolute;
    right: 0;
    z-index: 100;
    background-color: var(--black);
    color: var(--white);
    border: none;
}
.close-button i {
	font-size: 25px;
}
#LynchpinMediaDeck {
    background-color: rgba(0, 0, 0, 0.4);
	width: 80%;
	height: 80%;
	z-index: 99;
	-webkit-box-shadow: 0px 0px 30px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 30px 3px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 30px 3px rgba(0,0,0,0.75);
}
.df-controls-top.df-float .df-ui {
	top: 50px!important;
}
.media-kit-title h1 {
	font-size: 4em;
    color: var(--black);
}
.df-popup-thumb {
	width: 90%!important;
}
.df-popup-thumb .df-book-cover:after {
	background: none!important;
}
.df-popup-thumb .df-book-wrapper {
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75)!important;
}
.df-book-title,
.df-loading-info {
	display: none!important;
}
.media-kit-carousel .carousel-item-next, 
.media-kit-carousel .carousel-item-prev, 
.media-kit-carousel .carousel-item.active {
	height: 100%;
	display: flex;
}
.carousel-indicators [data-bs-target] {
	background-color: var(--black);
}
.carousel-item.vertical-cover.active {
    height: 100%;
}
#carouselLandscapeKits .carousel-indicators {
	bottom: -10%;
}
#carouselVerticalKits .carousel-indicators {
	bottom: -5%;
}
.col-md-6.media-kit-title.d-flex.align-content-start.flex-wrap {
	margin-top: 30px;
}
.dropdown-item {
	cursor: pointer;
}
.dropdown-text {
	margin: 1%;
    font-size: 2em;
}
.media-kit-select {
	border: var(--bs-btn-border-width) solid var(--black);
	background-color: var(--black);
	border-radius: 0;
}
.vertical-cover .media-kit-img {
	width: 37.5%;
}
@media (max-width:1000px) {
	.media-kit-title h1 {
		font-size: 3em;
	}
	#carouselLandscapeKits .carousel-indicators {
		bottom: -20%;
	}
	#carouselVerticalKits .carousel-indicators {
    	bottom: -15%;
	}
}
@media (max-width:768px) {
	.media-kit-title h1 {
		font-size: 2.5em;
	}
}
@media (max-width:550px) {
	.media-kit-title h1 {
		font-size: 2em;
	}
}
@media (max-width:400px) {
	.mobile-media-kit {
		text-align: end;
    	min-height: 219px;
	}
	.media-kit-title h1 {
		font-size: 1.5em;
	}
}
/*------- END OF MEDIA KIT PAGE -------*/