/**
 * Homepage styles
 *
 * @package CREARTVT
 */

/* ==========================================================================
   Logo
   ========================================================================== */

.site-logo {
	padding: 15px 0;
	text-align: center;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: visible;
	width: 100%;
}

.site-logo__link {
	display: inline-block;
	text-decoration: none;
}


/* ==========================================================================
   Hero
   ========================================================================== */

.homepage-hero {
	height: 50vh;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.homepage-hero__image {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

.wp-post-image:hover  {
	transform: scale(1.05); 
	transition: all 0.3s ease;
	transform-origin: 50% 50%;
}

/* Story grid styles are in css/stories.css */