/*
-=-------------------------------=-
 *             C S S             *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *        T Y P E F A C E        *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *         E F F E C T S         *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *             Color             *
 *        Text Decoration        *
 *          Text Shadow          *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *           F O N T S           *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *           Font Face           *
 *          Font Family          *
 *           Font Size           *
 *         Font Smoothing        *
 *           Font Style          *
 *           Font Weight         *
 *         Letter Spacing        *
 *          Letter Height        *
 *         Text Transform        *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *     Design by Anna Greco      *
 *     www.houseofgreco.com      *
 *        Copyright 2026         *
-=-------------------------------=-
*/


/*	-=---------=-
	 * EFFECTS *
	-=---------=-  */

	/*	-=-------=-
		 * COLOR *
		-=-------=-  */

		.content p.joy,
		.joy {
			color: green;
		}

		h1,
		.page-title.sub-nav {
			color: #8E8144;
		}

		.urgent {
			color: #980000 !important;
		}

		.home h2.clay,
		.home h3.clay,
		.home p.clay {
			color: #D7D1A2;
		}

		.home h3 {
			color: rgba(20, 15, 10, 0.5);
		}

		h2,
		h3,
		.home h2,
		.mini-products-box,
		.philosophy {
			color: rgba(20, 15, 10, 0.55);
		}

		h4,
		h4,
		li,
		li a,
		.accordion .text,
		.content p,
		.content p a,
		.become-a-patron h4,
		.contribute h4,
		.history h4,
		.journals h4,
		.live-music-and-events h4,
		.live-music h4,
		.meet-the-artist h4,
		.merchandise h4,
		.patron-keys-directory td,
		.patron-keys-directory td a {
			color: rgba(20, 15, 10, 0.65);
		}

		.content p.price {
			color: rgba(20, 15, 10, 0.55);
		}

	/*	-=-----------------=-
		 * TEXT DECORATION *
		-=-----------------=-  */

		li a,
		.accordion .text,
		.content p a {
			text-decoration: none;
		}

		sup {
			text-decoration: underline;
		}

	/*	-=-------------=-
		 * TEXT SHADOW *
		-=-------------=-  */

		h2,
		h3,
		h4,
		.content p,
		li,
		.accordion .text,
		.mini-products-box,
		.patron-keys-directory td,
		.patron-keys-directory td a,
		.philosophy {
			text-shadow: 0px 0px 1px rgba(80, 60, 20, 0.15), 0px 0px 5px rgba(80, 60, 20, 0.15);
		}

		.content p a:hover,
		li a:hover,
		.accordion .text:hover {
			text-shadow: 0px 0px 2px rgba(80, 75, 55, 0.5), 0px 2px 4px rgba(240, 240, 200, 0.6), 0px 0px 0px rgba(175, 150, 65, 0.75), 0px 0px 0px rgba(185, 165, 80, 0.9), 0px 0px 3px rgba(0, 200, 180, 0.25), 0px 0px 15px rgba(0, 200, 160, 0.35), 0px 0px 40px rgba(0, 200, 160, 0.5);
		}

		h1 {
			text-shadow: 0px 1px 3px black;
		}

/*	-=-------=-
	 * FONTS *
	-=-------=-  */

	/*	-=-----------=-
		 * FONT FACE *
		-=-----------=-  */

		@font-face {
			font-family: Asset;
			src: url('../fonts/asset.ttf');
		}

		@font-face {
			font-family: Baskerville;
			src: url('../fonts/baskerville.ttf');
		}

		@font-face {
			font-family: 'Bodoni Ornaments';
			src: url('../fonts/bodoni-ornaments.ttf');
		}

		@font-face {
			font-family: 'Chopin Script';
			src: url('../fonts/chopin-script.ttf');
		}

		@font-face {
			font-family: Lora;
			src: url('../fonts/lora.ttf');
		}

		@font-face {
			font-family: 'Goudy Old Style';
			src: url('../fonts/goudy-old-style.ttf');
		}

		@font-face {
			font-family: 'Josefin Sans';
			src: url('../fonts/josefin-sans.ttf');
		}

		@font-face {
			font-family: 'Old Standard';
			src: url('../fonts/old-standard.ttf');
		}

		@font-face {
			font-family: 'Trajan Pro';
			src: url('../fonts/trajan-pro.ttf');
		}

		@font-face {
			font-family: 'Trajan Pro Bold';
			src: url('../fonts/trajan-pro-bold.ttf');
		}

	/*	-=-------------=-
		 * FONT FAMILY *
		-=-------------=-  */

		.bodoni-ornaments,
		.bouquet-bullet,
		.snowflake-bullet {
			font-family: 'Bodoni Ornaments';
		}

			.bodoni-ornaments-i {
				font-family: 'Bodoni Ornaments' !important;
			}

		.chopin,
		h2,
		.home h3,
		.content .text-cubby p.collection {
			font-family: 'Chopin Script';
		}

		h1,
		li,
		.accordion .text,
		.become-a-patron h4,
		.content p,
		.contribute h4,
		.history h4,
		.journals h4,
		.live-music-and-events h4,
		.live-music h4,
		.meet-the-artist h4,
		.merchandise h4,
		.patron-keys-directory td {
			font-family: 'Goudy Old Style';
		}

		sup,
		.old-standard,
		.content p.numeral,
		.content span.numeral,
		.mini-products-box,
		.tilde {
			font-family: 'Old Standard';
		}

		h2,
		h3,
		h4,
		.home h2.clay,
		.home h2.trajan,
		.philosophy {
			font-family: 'Trajan Pro';
		}

	/*	-=-----------=-
		 * FONT SIZE *
		-=-----------=-  */

		sup {
			font-size: 14px;
		}

		.mini-products-box {
			font-size: 19px;
		}

		.content p {
			font-size: 21px;
		}

		li,
		.accordion .text,
		.become-a-patron h4,
		.contribute h4,
		.history h4,
		.journals h4,
		.live-music-and-events h4,
		.live-music h4,
		.meet-the-artist h4,
		.merchandise h4,
		.patron-keys-directory td {
			font-size: 22px;
		}

		h4 {
			font-size: 23px;
		}

		.home h2.clay,
		.home h2.trajan,
		.philosophy {
			font-size: 24px;
		}

		h1,
		h3 {
			font-size: 25px;
		}

		.content .text-cubby p.collection {
			font-size: 28px;
		}

		.home h2 {
			font-size: 30px;
		}

		h2,
		.home h3 {
			font-size: 35px;
		}

	/*	-=----------------=-
		 * FONT SMOOTHING *
		-=----------------=-  */

		h1,
		h3,
		h4,
		li,
		.accordion .text,
		.content p,
		.home h2,
		.become-a-patron h4,
		.contribute h4,
		.history h4,
		.journals h4,
		.live-music-and-events h4,
		.live-music h4,
		.meet-the-artist h4,
		.merchandise h4,
		.mini-products-box,
		.patron-keys-directory td,
		.philosophy {
			font-smoothing: antialiased;
				-moz-font-smoothing: antialiased;
					-ms-font-smoothing: antialiased;
						-o-font-smoothing: antialiased;
							-webkit-font-smoothing: antialiased;
		}

		h2 {
			font-smoothing: auto;
				-moz-font-smoothing: auto;
					-ms-font-smoothing: auto;
						-o-font-smoothing: auto;
							-webkit-font-smoothing: auto;
		}

	/*	-=------------=-
		 * FONT STYLE *
		-=------------=-  */

		.italic {
			font-style: italic;
		}

	/*	-=-------------=-
		 * FONT WEIGHT *
		-=-------------=-  */

		h1 {
			font-weight: 600;
		}

		h2,
		.home h2,
		h3,
		h4,
		li,
		.accordion .text,
		.content p,
		.become-a-patron h4,
		.contribute h4,
		.history h4,
		.journals h4,
		.live-music-and-events h4,
		.live-music h4,
		.meet-the-artist h4,
		.merchandise h4,
		.mini-products-box,
		.patron-keys-directory td,
		.philosophy {
			font-weight: 700;
		}

	/*	-=----------------=-
		 * LETTER SPACING *
		-=----------------=-  */

		.home h2 {
			letter-spacing: 0px;
		}

		.content p,
		li,
		.accordion .text,
		.become-a-patron h4,
		.contribute h4,
		.history h4,
		.journals h4,
		.live-music-and-events h4,
		.live-music h4,
		.meet-the-artist h4,
		.merchandise h4,
		.patron-keys-directory td {
			letter-spacing: 0.5px;
		}

		h2,
		h3,
		h4,
		sup,
		.philosophy {
			letter-spacing: 1px;
		}

		h1,
		.page-title.sub-nav {
			letter-spacing: 1.5px;
		}

	/*	-=-------------=-
		 * LINE HEIGHT *
		-=-------------=-  */

		.mini-products-box {
		    line-height: 1.35;
		}

	/*	-=----------------=-
		 * TEXT TRANSFORM *
		-=----------------=-  */

		h1 {
			text-transform: uppercase;
		}


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

	/*	-=---------=-
		 * 500 MAX *
		-=---------=-  */

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

			h1 {
				font-size: 22px;
				letter-spacing: 0px;
			}

			h2 {
				font-size: 24px;
			}

			.home h3 {
				font-size: 40px;
				letter-spacing: -1px;
				line-height: 1.1;
			}

			.content p {
				font-size: 23px;
			}

		}

	/*	-=---------=-
		 * 400 MAX *
		-=---------=-  */

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

			.philosophy {
				letter-spacing: 0px;
			}

		}

