@charset "UTF-8";
/* Project Text Image block CSS Document */

.project-text-slides .text-wrapper{
	display: inline-block;
	padding-top:3em;
	
}
.project-text-slides .pts-content{
	border-top:2px solid;
	padding-top:1em;
	width:100%;
}
.project-text-slides img{
	height: 100vh;
	width:auto;
}
.project-text-slides img.left{
	margin-right:auto;
}
.project-text-slides img.right{
	margin-left:auto;
}
.project-text-slides .m-image{

}

.project-text-slides .dslide{
	width:auto;
	height:100vh;
	background-size:cover;
	background-repeat:no-repeat;
}
.project-text-slides .dslide.contain{
	background-size:contain;
}

.project-text-slides .dslide.vertSlidePadding{
	height:75vh;
	margin-top:5vh;
}
.img-wrapper.left{
	background-position: left center;
}
.img-wrapper.right{
	background-position: right center;
}
.img-wrapper.center{
	background-position: center center;
}
@media screen and (min-width:768px){
	.project-text-slides .text-wrapper{
		padding-top:12.5vh;
	}
	.project-text-slides .pts-content{
		width:85%;
		top:0;
		height:auto;
		margin-left: 8.33333333vw;
	}
	.project-text-slides .dslide.vertSlidePadding{
		margin-top:12.5vh;
		margin-bottom:12.5vh;
		height: 75vh;
	}
}
@media screen and (min-width:992px){
	.project-text-slides .pts-content.right{
		margin-left: 2vw;
	}
}
@media screen and (min-width:1440px){
	.project-text-slides .pts-content{
		width:16.6666vw;
	}
	.project-text-slides .pts-content.right{
		margin-left: 8.33333333vw;
	}
}

.carousel-indicators{
	margin-bottom:30px;
}
@media screen and (min-width:768px){
	.carousel-indicators{
		margin-bottom:100px;
	}
}

.carousel-indicators [data-bs-target]{
    border-radius: 100%;
    width: 12px;
    height: 12px;
	margin-left:4px;
	margin-right:4px;
}

.carousel .carousel-indicators button {
   width: 12px;
   height: 12px;
   border-radius: 100%;
 }


.project-text-slides .carousel-control-prev {
    left: 50%;
	margin-left:-40px;
}
.project-text-slides .carousel-control-next {
    right: 50%;
	margin-right:-40px;
}
.project-text-slides .carousel-control-next, .project-text-slides .carousel-control-prev {
    top: auto;
    bottom: 3em;
    width: 30px;
    padding: 1px;
    color: #fff;
    opacity: .5;
    border: 1px solid #fff;
    border-radius: 30px;
    transition: opacity .15s ease;
	display:none;
}

.project-text-slides .carousel-control-next-icon, .project-text-slides .carousel-control-prev-icon {
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    margin: 5px;
}
@media screen and (min-width:768px){
	.project-text-slides .carousel-control-prev, .project-text-slides .carousel-control-next{
		display:flex;
	}
}