/*!
Theme Name: Electric Bleu
Theme URI: https://mobilewebtechs.com/
Author: Michael Bergen
Author URI: https://mobilewebtechs.com/
Description: A custom theme for Electric Bleu
Version: 1.0.10
Tested up to: 8.2
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: electric-bleu
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Electric Bleu is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@import "styles/reset.css";
@import "styles/style.css";

.site {
	max-width: 1000px;
	margin: 0 auto;
	width: 100%;
}

.blog .site-header,
.single .site-header {
	display: none;
}

.page-template-coming-soon-page .entry-content {
	font-size: 1.2rem;
}

.page-template-coming-soon-page .site-footer {
	display: none;
}

[aria-label="Resy - Book Now"] {
	display: none !important;
}

.site-header {
	padding: 2rem 0;
	width: 100%;
}

.site-header .site-branding {
	display: flex;
	align-items: center;
}

.site-header .site-branding .custom-logo-link {
	display: block;
}

.site-header .site-branding .custom-logo-link img {
	height: auto;
	width: 100%;
	max-width: calc(100% - 40px);
}

body.home .site-header {
	text-align: center;
}

body.home .site-header .main-navigation {
	display: none;
}

body.page-template-about-page .site-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 2rem;
}

body.page-template-about-page .site-header .site-branding {
	justify-content: flex-start;
	max-width: 150px;
}

body.page-template-about-page .site-header .main-navigation {
	flex: 1;
	margin-left: 2rem;
}

body.page-template-about-page .site-header .main-navigation .menu {
	display: flex;
	justify-content: flex-end;
	list-style: none;
	margin: 0;
	padding: 0;
}

body.page-template-about-page .site-header .main-navigation .menu li {
	margin-left: 2rem;
}

body.page-template-about-page .site-header .main-navigation .menu li a {
	text-decoration: none;
	color: var(--color-primary, #1a3ea8);
	font-size: 1.6rem;
	transition: color 0.3s ease;
}

body.page-template-about-page .site-header .main-navigation .menu li a:hover {
	color: var(--color-primary-hover, #2e64e3);
}

.site-branding {
	justify-content: center;
	margin-bottom: 2rem;
}

.site-branding .custom-logo-link {
	max-width: 500px;
	margin: 50px auto 0;
}

.menu-toggle {
	display: none;
}

@media screen and (max-width: 768px) {

	body.page-template-about-page .site-header {
		flex-direction: column;
		padding: 1rem;
	}

	body.page-template-about-page .site-header .site-branding {
		margin-bottom: 1rem;
	}

	body.page-template-about-page .site-header .main-navigation {
		width: 100%;
		margin-left: 0;
	}

	body.page-template-about-page .site-header .main-navigation .menu {
		display: none;
		flex-direction: column;
		align-items: center;
	}

	body.page-template-about-page .site-header .main-navigation .menu li {
		margin: 0.5rem 0;
	}

	body.page-template-about-page .site-header .main-navigation.toggled .menu {
		display: flex;
	}

	body.page-template-about-page .site-header .menu-toggle {
		display: block;
		margin: 1rem auto;
	}
}

.custom-home-menu {
	display: flex;
	justify-content: center;
	gap: 2rem;
	margin: 2rem 0;
	flex-wrap: wrap;
}

.custom-home-menu .custom-home-menu-item {
	text-align: center;
}

.custom-home-menu .custom-home-menu-item a {
	text-decoration: none;
	color: var(--color-primary, #1a3ea8);
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: transform 0.3s ease;
}

.custom-home-menu .custom-home-menu-item a:hover {
	transform: translateY(-5px);
}

.custom-home-menu .custom-home-menu-item .icon-wrapper {
	position: relative;
	width: 150px;
	height: 150px;
	margin-bottom: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.custom-home-menu .custom-home-menu-item .icon-wrapper img {
	position: absolute;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	transition: opacity 0.3s ease;
	transform: scale(0.8);
}

.custom-home-menu .custom-home-menu-item .icon-wrapper .icon-hover {
	opacity: 0;
}

.custom-home-menu .custom-home-menu-item:hover .icon-default {
	opacity: 0;
}

.custom-home-menu .custom-home-menu-item:hover .icon-hover {
	opacity: 1;
	animation: wiggle 0.5s ease-in-out;
}

.custom-home-menu .custom-home-menu-item span {
	color: var(--color-primary, #1a3ea8);
	font-size: 1.2rem;
	margin-top: 0.5rem;
}

@keyframes wiggle {

	0% {
		transform: rotate(0deg);
	}

	25% {
		transform: rotate(-5deg);
	}

	50% {
		transform: rotate(5deg);
	}

	75% {
		transform: rotate(-3deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

.site-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem;
}

.site-info img {
	max-width: 50px;
}

.newsletter-signup {
	display: flex;
	flex-wrap: wrap;
	max-width: 200px;
}

.newsletter-signup > * {
	width: 100%;
}

.newsletter-signup > div {
	display: flex;
	align-items: center;
	gap: 10px;
}

.newsletter-signup > div span {
	color: var(--color-primary, #1a3ea8);
}

.newsletter-signup a:first-child {
	max-width: 60px;
}

.newsletter-signup a:first-child img {
	max-width: 100%;
}

.sr-only,
.sr-only-focusable:not(:focus) {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.about-static-content-container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
}

.about-static-content-image {
	width: 60%;
	max-width: 60%;
	padding: 2rem;
}

.about-static-content-image img {
	width: 100%;
	height: auto;
}

.about-static-content {
	width: 40%;
	max-width: 40%;
	padding: 2rem;
	text-align: center;
	color: var(--color-primary, #1a3ea8);
	font-size: 1.2rem;
	line-height: 1.2;
}

.about-static-content h2 {
	margin-bottom: 0;
}

.about-static-content p:first-of-type {
	margin-top: 0;
}