//
// Home-specific layout
//

.blocks {
	.main-pagination {
		margin-top: 70px;
	}
}


.blocks > .widget-cta {
	margin-top: -15px;
	margin-bottom: 50px;

	.boxes {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -15px;
	}
	
	.cta-box {
		width: percentage(1/3);
    	padding: 0 15px;
    	box-sizing: border-box;
    	
    	@include breakpoint(small) {
    		width: 100%;
    	}
	}
	
	img {
		transition: transform 0.5s ease-in;
		will-change: transform;
		
		&:hover {
			transform: scale(1.05, 1.05);
		}
		
		@include breakpoint(small) {
			max-height: 50vh;
			object-fit: cover;
			
			// polyfill
			font-family: 'object-fit: cover;';
		}
	}
	
	a {
		position: relative;
		overflow: hidden;
		
		&:after {
			position: absolute;
			content: "";
			top: 15px;
			right: 15px;
			bottom: 15px;
			left: 15px;
			border: 1px solid rgba(255, 255, 255, 0.95);
			box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.1);
			
			will-change: opacity;
			opacity: 0;
			transition: opacity 0.6s, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
			pointer-events: none;
			
		}
		
		&:hover:after {
			opacity: 1;
		}
	}
}

.block {

	.main-pagination {
		margin-top: 65px;
	}
	
	.block-content.loading {
		position: relative;
		
		&:after {
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background: rgba(#fff, 0.6);
		}
	}
}