/*
Theme Name:     InVia Capital
Theme URI:
Description:    Generatepress child theme.
Author:         Octane Marketing
Author URI:     https://www.theoctaneagency.com
Template:       generatepress
Version:        0.1.0
*/

/**
 * View Transitions
 **/

@view-transition {
	navigation: auto;
}

#primary-menu {
	view-transition-name: 'primary-menu';
}

/**
 * Animated Text
 **/

h1 mark {
	border-bottom: 0.5rem solid var(--accent-2);
	display: inline-block;
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.5s ease, transform 0.5s ease;
}

/**
 * Hero
 **/

.hero-image {
	/* clip-path: polygon(0% 0%, 50% 0%, 100% 100%, 50% 100%); */
	clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
}

@media (max-width:1024px) {
	.hero-image {
		clip-path: polygon(0 100%, 0 25%, 50% 0, 100% 25%, 100% 100%, 50% 75%);
	}
}

/**
 * Footer
 **/

.site {
	min-height: 100vh;
	position: relative;
	z-index: 1;
	margin-bottom: 50vh;
}

.site-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
}

/**
 * Menu Overlay
 */

.do-overlay.is-open {
	animation: 1s clip-down ease-in;
}

.do-overlay.is-open li {
	animation: 1s translate-up ease-in;
}

@keyframes clip-down {
	0% {
		clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
	}

	50% {
		clip-path: polygon(0% 00%, 100% 0%, 100% 90%, 0% 90%);
	}

	100% {
		clip-path: polygon(0% 00%, 100% 0%, 100% 100%, 0% 100%);
	}
}

@keyframes translate-up {
	0% {
		transform: translateY(75%);
	}

	50% {
		transform: translateY(0%);
	}

	100% {
		transform: translateY(0%);
	}
}

/**
 * Header
 **/

.header-wrap {
	background: linear-gradient(
		rgba(0, 0, 0, 0.4),
		rgba(0, 0, 0, 0)
	);
}

/**
 * Home Carousel
 **/

.home-carousel {
	clip-path: circle(50% at 50% 50%);
}

/**
 * Gallery Block Fix
 **/

.wp-block-gallery.has-nested-images figure.wp-block-image img {
	aspect-ratio: 1;
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
	flex-grow: 0;
}