/*------- Our Work PAGE -------*/
/* .HeaderWrapper {
	padding-top: 0;
} */
.close-button {
    position: absolute;
    right: 0;
    z-index: 100;
    background-color: var(--black);
    color: var(--white);
    border: none;
}
.close-button i {
	font-size: 25px;
}
.btn {
    transition: all .5s !important;
}
.btn-outline-primary {
    --bs-btn-color: var(--black);
    --bs-btn-border-color: var(--black);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--black);
    --bs-btn-hover-border-color: var(--black);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--black);
    --bs-btn-active-border-color: var(--black);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--black);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--black);
	border-radius: 0;
	width:fit-content;
	margin: 30px auto;
}

#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;
}
.testimonials-title h1 {
	font-size: 3.25em;
    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;
}
.testimonials-carousel .carousel-item-next, 
.testimonials-carousel .carousel-item-prev, 
.testimonials-carousel .carousel-item.active {
	height: 100%;
	display: flex;
}
.carousel-indicators [data-bs-target] {
	background-color: var(--black);
}
.carousel-item.vertical-cover.active {
    height: 100%;
	justify-content: center;
}
#carouselLandscapeKits .carousel-indicators {
	bottom: -10%;
}
#carouselVerticalKits .carousel-indicators {
	bottom: -6%;
}
/* #carouselLandscapeKits .carousel-indicators, .unbranded {
	bottom: -10%;
} */
#carouselVerticalKits .carousel-indicators, .unbranded {
	margin-bottom: -1em;
}


.col-md-6.testimonials-title.d-flex.align-content-start.flex-wrap {
	margin-top: 30px;
	flex-direction: column;
}
.dropdown-item {
	cursor: pointer;
}
.dropdown-text {
	margin: 1%;
    font-size: 2em;
}
.testimonials-select {
	border: var(--bs-btn-border-width) solid var(--black);
	background-color: var(--black);
	border-radius: 0;
}
.vertical-cover .testimonials-img {
	width: 37.5%;
}
@media screen and (min-width: 2500px) {
#carouselVerticalKits .carousel-indicators, .unbranded {
	bottom: 1%;
}
}
@media (max-width:1000px) {
	.testimonials-title h1 {
		font-size: 3em;
	}
	#carouselLandscapeKits .carousel-indicators  {
		bottom: -20%;
	}
	#carouselVerticalKits .carousel-indicators {
    	bottom: -15%;
	}
}
@media (max-width:768px) {
	.testimonials-title h1 {
		font-size: 2.5em;
	}
}
@media (max-width:550px) {
	.testimonials-title h1 {
		font-size: 2em;
	}
}
@media (max-width:400px) {
	.mobile-testimonials {
		text-align: end;
    	min-height: 219px;
	}
	.testimonials-title h1 {
		font-size: 1.5em;
	}
}
/*----SCREEN WIDTH 0 to 600px----*/
@media only screen 
	and (min-width: 0px)
	and (max-width: 750px) {
		.testimonials-carousel .carousel-item-next, 
		.testimonials-carousel .carousel-item-prev, 
		.testimonials-carousel .carousel-item.active {
			height: 100%;
    		display: flex;
    		flex-direction: column;
    		align-items: center;
		}
		.vertical-cover .testimonials-img {
			width: 80%;
		}
		.col-md-6.testimonials-title.d-flex.align-content-start.flex-wrap {
			margin-top: 0;
			text-align: center;
		}
		li {
			text-align: left;
		}
		.col-md-6.testimonials-title.d-flex.align-content-end.flex-wrap {
			text-align: center;
		}
		#carouselLandscapeKits .carousel-indicators {
			bottom: -10%;
		}
		#carouselVerticalKits .carousel-indicators {
    		bottom: -7%;
		}
		.carousel-indicators [data-bs-target] {
			padding: 3px;
		}	
}
/*------- END OF Our Work PAGE -------*/