/*
-=-------------------------------=-
 *             C S S             *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *     W O O D E N • M E N U     *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *     Design by Anna Greco      *
 *     www.houseofgreco.com      *
 *        Copyright 2026         *
-=-------------------------------=-
*/


/*	-=------=-
	 * WRAP *
	-=------=-  */

	.main-menu-wrap {
		margin: 0px 0px 0px 0px;
		position: relative;
		z-index: 1;
	}

/*	-=------=-
	 * MAIN *
	-=------=-  */

	.main-menu {
		background: rgba(45, 30, 15, 0.75);
		border-top: 4px solid rgba(10, 10, 10, 0.5);
		border-right: 1px solid #262626;
		border-bottom: 2px solid rgba(70, 55, 10, 0.4);
		border-left: 1px solid #262626;
		box-shadow: inset 0px 0px 10px #0B0B0A;
						-moz-font-smoothing: antialiased;
					-moz-font-smoothing: antialiased;
				-moz-font-smoothing: antialiased;
			-webkit-font-smoothing: antialiased;
		font-smoothing: antialiased;
		font-weight: 900;
		letter-spacing: 1px;
		line-height: 1.45;
		margin: 0;
		text-align: center;
		text-transform: uppercase;
	}

		.main-menu.blank {
			border-top: 1px solid rgba(10, 10, 10, 0.5);
		}

	.bouquet-bullet {
		color: #65732C;
		font-size: 20px;
		font-weight: 900;
		letter-spacing: 1.75px;
		padding: 0px 15px 0px 15px;
		position: relative;
			top: -1px;
		text-shadow: 0px 3px 3px black;
	}

/*	-=------=-
	 * LINK *
	-=------=-  */

	.main-menu a {
		color: #65732C;
		font-family: 'Josefin Sans';
		font-size: 20px;
		font-weight: 300;
		letter-spacing: 1.75px;
		padding: 8px 12px 10px 12px;
		position: relative;
		top: 1px;
		text-decoration: none;
		font-smoothing: antialiased;
			-moz-font-smoothing: antialiased;
				-ms-font-smoothing: antialiased;
					-o-font-smoothing: antialiased;
						-webkit-font-smoothing: antialiased;
	}

		.aqua .main-menu a {
			color: rgba(145, 255, 195, 0.7);
		}

		.olive .main-menu a,
		.olive .main-menu a:hover {
			color: #768733 !important;
		}

/*	-=-------=-
	 * HOVER *
	-=-------=-  */

	.main-menu a:hover,
	.main-menu .active,
	.wooden-highlight {
		background: rgba(160, 120, 65, 0.25);
		box-shadow: inset 0px 0px 4px #000000;
		color: #96AC3F !important;
		cursor: pointer;
		letter-spacing: 1.9px !important;
		padding: 8px 12px 10px 12px;
		text-shadow: none !important;
	}

		.aqua .main-menu a:hover,
		.aqua .main-menu .active,
		.aqua .wooden-highlight {
			background: rgba(165, 145, 115, 0.25);
			box-shadow: inset 0px 0px 4px #000000;
			color: rgba(145, 255, 195, 0.7) !important;
			cursor: pointer;
			letter-spacing: 1.9px !important;
			padding: 8px 12px 10px 12px;
			text-shadow: none !important;
		}

			.aqua .home-circle .wooden-highlight {
				padding: 8px 0px 10px 0px !important;
			}

	.wooden-highlight {
		cursor: default !important;
	}

/*	-=-----------=-
	 * FIRST ROW *
	-=-----------=-  */

	.main-menu-first-row {
		padding: 6px 10px 8px 10px;
	}

/*	-=---------=-
	 * DIVIDER *
	-=---------=-  */

	.main-menu-divider {
		background: #402206;
		border: 1px solid #2B1E0F;
		box-shadow: 0px 2px 9px 1px #060503;
		color: transparent;
		font-size: 2px;
		padding: 24px 0px 15px 0px;
		position: relative;
			bottom: 2px;
			left: 0;
			text-shadow: none;
	}

/*	-=-------------=-
	 * HOME CIRCLE *
	-=-------------=-  */

	a.home-circle {
		padding: 8px 0px 10px 0px !important;
		position: relative;
	}

		a.home-circle:hover,
		.aqua a.home-circle:hover {
			padding: 8px 0px 10px 0px;
		}

	.home-circle img {
		position: relative;
			top: 4px;
		width: 60px;
		height: 21px;
	}

	.aqua .home-circle img {
		filter: hue-rotate(95deg) opacity(0.75);
	}

/*	-=-------------------------------=-
	 *  M E D I A  •  Q U E R I E S  *
	-=-------------------------------=-  */

	/*	-=---------=-
		 * 650 MAX *
		-=---------=-  */

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

			#sponsors .main-menu-wrap {
				display: block;
			}

			#prev-next .main-menu-wrap {
				display: block;
			}

		}