/*
Theme Name:     The Eye Den
Theme URI:
Description:    Generatepress child theme.
Author:         Octane Marketing
Author URI:
Template:       generatepress
Version:        0.1.0
*/

/**
 * Type
 **/

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

/**
 * Header
 **/

#primary-menu {
	border: 0.5px solid var(--contrast-3);
	box-shadow: 1rem 1rem 0 var(--contrast-3);
	margin-right: 2rem;
}

.site-logo {
	border: 2px dotted var(--accent);
	padding: 0.25rem;
	margin: 0.25rem;
	border-radius: 100%;
	animation: rotateLogo 1s ease forwards;
}

.site-logo:hover {
	border-style: solid;
	padding: 0.5rem;
	margin: 0;
	background-color: var(--base-3);
	transition: all 300ms ease-in-out;
}

@keyframes rotateLogo {
	from {
		transform: rotate(-90deg);
	} to {
		transform: rotate(0deg);
	}
}

/**
 * Footer
 **/

.site-footer details {
	background-color: var(--accent);
	color: var(--base-3);
	padding: .75rem 1.25rem;
}

.site-footer summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.site-footer summary::-webkit-details-marker {
	display: none;
}

.site-footer summary::after {
	content: '+';
	margin-left: 2rem;
	transition: transform 0.2s ease;
}

.site-footer details[open] summary::after {
	content: '-';
}

/**
 * Splide
 **/

.wp-block-splide-carousel__track {
	box-shadow: 1rem 1rem 0 var(--accent);
}

.splide__arrows .splide__arrow {
	background-color: transparent;
}

.splide__arrows .splide__arrow svg {
	fill: var(--accent);
}

.splide__controls .splide__toggle {
	background-color: transparent;
}

.splide__controls .splide__pagination__page.is-active {
	background-color: var(--accent);
}

/**
 * WordPress Comments
 **/

.comments-area {
	padding-inline: 20px;
}

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

/**
 * Gravity Forms
 **/

.gform_wrapper {
	line-height: 1.2;
}

/**
 * Accordion
 **/

.gb-accordion__item-open {
	background-color: var(--base-3);
}