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

/**
 * Type
 **/

h1,
h2,
h3,
h4 {
	text-wrap: balance;
}

/**
 * Header
 **/

.main-navigation .button a {
	border: 1px solid black;
	padding: 0.25rem 0.5rem;
	margin: 0.5rem;
}

/**
 * Menu
 **/

.slideout-navigation {
	background-color: white !important;
	border-right: 1px solid rgba(0,0,0,0.15)
}

.slideout-menu > .menu-item {
	border-bottom: 1px solid rgba(0,0,0,0.15);
}

.slideout-overlay {
	background-color: rgba(255,255,255,0.85) !important;
}

.slideout-navigation.is-open {
	animation: 1s clip-down;
}

.slideout-navigation.is-open li {
	animation: 2s translate-up;
}

/**
 * Sticky Navigation
 **/

.navigation-stick {
	background-color: white;
}

/**
 * Comments
 **/

.comments-area {
	padding-inline: 2rem;
}

#comments {
	max-width: 700px;
	margin-inline: auto;
}

/**
 * Search
 **/

input[type="search"].wp-block-search__input {
	border: 0;
}

/**
 * Animation
 **/

@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%);
	}
}

/**
 * Gallery Image 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;
}

/**
 * ACF Map
 **/

.acf-map {
	width: 100%;
	aspect-ratio: 2 / 1;
	border: #ccc solid 1px;
	margin: 20px 0;
	border-radius: 1rem;
}

.acf-map img {
	max-width: inherit !important;
}