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


/*	-=----------=-
	 * DROPDOWN *
	-=----------=-  */

	.dropdown {
		display: inline-block;
		position: relative;
		z-index: 2;
	}

	.dropbtn {
		background: none;
		border: 0;
		display: inline-block;
		margin: 0;
		padding: 0;
	}

	.menu .dropbtn,
	.menu .dropbtn a {
		background: transparent;
		background-clip: text;
			-moz-background-clip: text;
			-webkit-background-clip: text;
		border: 0;
		box-shadow: none;
		color: transparent;
		font-family: 'Baskerville SemiBold';
		font-size: 20px;
		font-weight: 300;
		letter-spacing: 2.25px;
		line-height: 1.5;
		text-decoration: none;
		text-shadow: 0px 0px 4px #403B27, 0px 0px 0px #FEEA9C, 0px 3px 0px rgba(0, 0, 0, 0.05), 0px -1px 0px rgba(0, 0, 0, 0.2);
		text-transform: uppercase;
		transition: 0.45s ease;
	}

	.dropdown-content {
		display: none;
		position: absolute;
			top: 35px;
			left: -1px;
		transition: 0.45s ease;
		min-width: 225px;
		z-index: 1;
	}

	.dropdown-content a {
		font-size: 20px;
		font-weight: 900;
		letter-spacing: 1px;
		display: block;
		padding: 15px 15px 15px 20px;
		text-align: left;
		text-decoration: none;
	}

	.dropdown-content a:hover,
	.dropdown-content a.active {
		background: #482F34;
		border: 0;
		text-shadow: 0px 0px 3px #A89C6C, 0px 0px 0px #FFF0B4, 0px 3px 0px rgba(0, 0, 0, 0.5), 0px -1px 0px rgba(0, 0, 0, 0.5);
	}

	.dropdown:hover .dropdown-content {
		display: block;
	}

	.dropdown-space {
		height: 10px;
		padding: 0;		
	}

	.dropdown-content .links {
		background: #210B0E;
		border: 0px solid #667d23;
		border-radius: 2px;
		box-shadow: 0px 0px 15px 1px #0A0004;
		font-family: 'Baskerville';
		font-weight: 700;
		font-size: 150%;
		font-weight: 400;
		letter-spacing: 1.5px;
		display: block;
		padding: 0px 0px 13px 0px;
		width: 215px;
	}