/**
 * Styles for the Featured Properties Block
 *
 */

.section-frontpage-properties {
	position: relative;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	margin-bottom: var(--wp--preset--spacing--20)!important;
	padding: 0!important;

	.f-carousel{
		overflow: hidden;
		@media (max-width: 768px) {
			max-height: 60vh;
			height: 60vh;
		}
		@media (max-width: 1200px) {
			max-height: 450px;
		}
		@media (min-width:1400px){
			max-height: 550px;
		}

	}

	.f-carousel__slide{
		&:first-child{
			z-index: 1;
		}
		.jaleo--aspect-box{
			height: 100%;
		}
		.jaleo--aspect-box-figure{
			height: 100%;
			img{
				width: 100%;
				object-fit: cover;
				aspect-ratio: 16/9;
				@media (max-width:768px) {
					aspect-ratio: unset;
					height: 100%;
				}
			}
		}
	}

	.f-button{
		--f-button-bg: rgba(255, 255, 255, 0.8)!important;
		--f-button-color: var(--wp--preset--color--accent)!important;
		--f-button-width: 70px!important;
		--f-button-height: 80px!important;
		--f-button-svg-width:45px!important;
		--f-button-svg-height:50px!important;
		@media (max-width:768px) {
		--f-button-width: 40px!important;
		--f-button-height: 50px!important;
		--f-button-svg-width:2rem!important;
		--f-button-svg-height:2rem!important;
		}
		@media (max-width:576px) {
			bottom: 0px!important;
			top: auto!important;
			transform: none!important;
			
			&[data-f-button-prev] {
				left: 10px!important;
				right: auto!important;
			}
			
			&[data-f-button-next] {
				right: 10px!important;
				left: auto!important;
			}
		}
	}


}