/*
-=-------------------------------=-
 *             C S S             *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *       A L I G N M E N T       *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *          Align Items          *
 *            Display            *
 *             Float             *
 *        Justify Content        *
 *          Line Height          *
 *             Margin            *
 *            Overflow           *
 *            Padding            *
 *            Position           *
 *           Text Align          *
 *           Text Indent         *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *     Design by Anna Greco      *
 *     www.houseofgreco.com      *
 *        Copyright 2026         *
-=-------------------------------=-
*/


/*	-=-------------=-
	 * ALIGN ITEMS *
	-=-------------=-  */

	h1 {
		align-items: center;
	}

/*	-=---------=-
	 * DISPLAY *
	-=---------=-  */

	.display-block,
	h1,
	.mini-products-box span {
		display: block;
	}

	.mini-products-box span.snowflake-bullet {
		display: initial;
	}

	.hidden,
	.panel {
		display: none;
	}

/*	-=-------=-
	 * FLOAT *
	-=-------=-  */

	.jewelry-by-anna .mini-products .mini-products-wrap,
	.jewelry-by-anna .mini-products .mini-products-wrap .mini-products-wrap-image,
	.history .accordion .text,
	.mini-products-box.design-covers,
	.mini-products-box.formats,
	.mini-products-box img,
	.mini-products-box.mini .image,
	.mini-products-box.slim .image,
	.mini-products-box.midi .image,
	.mini-products-box.ultra .image,
	.mini-products-box.grande .image,
	.mini-products-box.guest .image,
	.mini-products-box.detective .image,
	.mini-products-box.pencil .image,
	.mini-products-box.cards .image {
		float: left;
	}

/*	-=-----------------=-
	 * JUSTIFY CONTENT *
	-=-----------------=-  */

	h1 {
		justify-content: center;
	}

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

	h2 {
		line-height: 1.25;
	}

	.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 {
		line-height: 1.35;
	}

	.home h2.trajan,
	h3,
	h4,
	.content p.price,
	.philosophy {
		line-height: 1.5;
	}

/*	-=--------=-
	 * MARGIN *
	-=--------=-  */

	.the-road-map ul {
		margin: auto;
	}

	h1,
	h4,
	ul,
	.accordion,
	.accordion .text,
	.chocolate .text-cubby h4,
	.content .text-cubby .mini-text-box p,
	.home h3.margin-0,
	.mini-text-box h3,
	.mini-text-box p,
	.patron-keys-directory td,
	.text-cubby h3,
	.the-road-map .text-cubby p {
		margin: 0;
	}

	.price {
		margin: 0 !important;
	}

	.contribute ul {
		margin: 0px 0px 0px 2px;
	}

	.history .accordion {
		margin: 0px 0px 15px 0px;
	}

	.patron-directory .mini-products-box img {
		margin: 0px 15px 0px 0px;
	}

	.mini-products-box img,
	.mini-products-box.formats .image,
	.mini-products-box.mini .image,
	.mini-products-box.slim .image,
	.mini-products-box.midi .image,
	.mini-products-box.ultra .image,
	.mini-products-box.grande .image,
	.mini-products-box.guest .image,
	.mini-products-box.detective .image,
	.mini-products-box.pencil .image,
	.mini-products-box.cards .image {
		margin: 0px 15px 10px 0px;
	}

		.mini-products-box.pencil img {
			margin: 6px 15px 5px 0px;
		}

		.mini-products-box.tape img {
			margin: 15px 15px 5px 0px;
		}

	.mini-products-box.design-covers,
	.mini-products-box.formats {
		margin: 0px 0px 0px 1px;
	}

	.mini-products,
	.mini-products-box {
		margin: 0px 0px 0px 45px;
	}

	.image-gallery .panel {
		margin: 10px auto 10px auto;
	}

	.panel {
		margin: 10px 0px 0px 0px;
	}

	.content .text-cubby p.collection {
		margin: 0% 0% 0% 2%;
	}

	.text-cubby h4 {
		margin: 0% 0% 0% 3%;
	}

	.history .accordion .text,
	.journals .text-cubby h3 {
		margin: 0% 0% 0% 4%;
	}

	.text-cubby p {
		margin: 0% 0% 0% 5%;
	}

	.journals .content .text-cubby p.collection {
		margin: 0% 0% 0% 6%;
	}

	.journals .text-cubby h4 {
		margin: 0% 0% 0% 7%;
	}

	.become-a-patron h4,
	.contribute h4,
	.history h4,
	.journals h4,
	.live-music-and-events h4,
	.live-music h4,
	.meet-the-artist h4,
	.merchandise h4 {
		margin: 0% 7% 0% 3%;
	}

	h2,
	h3,
	.content p {
		margin: 0% 7% 0% 7%;
	}

	.philosophy {
		margin: 0% 15% 0% 15%;
	}

	h3.margin-left-0 {
		margin-left: 0;
	}

/*	-=----------=-
	 * OVERFLOW *
	-=----------=-  */

	.mini-products-box {
		overflow: auto;
	}

	.panel {
		overflow: hidden;
	}

	.history .panel,
	.history .panel.sub-panel {
		overflow: unset;
	}

/*	-=---------=-
	 * PADDING *
	-=---------=-  */

	h1,
	h2,
	.home h3,
	p.padding-0,
	.mini-products-box.design-covers,
	.mini-products-box.formats {
		padding: 0px;
	}

	h3,
	h4,
	.content p.snug-it-up {
		padding: 0px 0px 5px 0px;
	}

	.mini-products-box span.snowflake-bullet {
		padding: 0px 12px 0px 12px;
	}

	.journals h4 {
		padding: 0px 0px 4px 0px;
	}

	.become-a-patron h4,
	.contribute h4,
	.history h4,
	.live-music-and-events h4,
	.live-music h4,
	.meet-the-artist h4,
	.merchandise h4 {
		padding: 0px 0px 7px 0px;
	}

	.content .text-cubby p.collection {
		padding: 0px 0px 10px 0px;
	}

	.accordion-right-of-image {
		padding: 0px 0px 0px 40px;
	}

	.content p {
		padding: 0px 0px 15px 0px;
	}

	.mini-products-box span {
	    padding: 7px 0px 0px 0px;
	}

	.philosophy {
		padding: 10px 0px 0px 0px;
	}

	.panel {
		padding: 10px 10px 0px 10px;
	}

	.image-gallery .panel {
		padding: 10px 10px 10px 10px;
	}

	.padding-right-5 {
		padding-right: 5px;
	}

/*	-=----------=-
	 * POSITION *
	-=----------=-  */

	sup {
		position: relative;
			top: 1px;
	}

		.mini-text sup {
				top: -4px;
		}

/*	-=------------=-
	 * TEXT ALIGN *
	-=------------=-  */

	.align-left,
	.accordion .text {
		text-align: left;
	}

	.align-center,
	h1,
	h2.center,
	h3.center,
	h4.center,
	p.center,
	.philosophy,
	.price,
	.text-cubby.half h3,
	.text-cubby.half h4 {
		text-align: center;
	}

	.justify {
		text-align: justify;
	}

/*	-=-------------=-
	 * TEXT INDENT *
	-=-------------=-  */

	.indent {
		text-indent: 5%;
	}


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

	/*	-=----------=-
		 * 1100 MAX *
		-=----------=-  */

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

			.the-road-map .content .text-cubby p {
				margin: 0;
			}

			.content .text-cubby p.collection {
				margin: 0% 0% 0% 2.5%;
			}

			.content .text-cubby p {
				margin: 0% 0% 0% 5%;
			}

			h2,
			h3,
			.content p {
				margin: 0% 6% 0% 6%;
			}

		}

	/*	-=----------=-
		 * 1000 MAX *
		-=----------=-  */

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

			.content .text-cubby p.collection {
				margin: 0% 0% 0% 3%;
			}

			h2,
			h3,
			.content p {
				margin: 0% 5% 0% 5%;
			}

		}

	/*	-=---------=-
		 * 900 MAX *
		-=---------=-  */

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

			.content .text-cubby p.collection {
				margin: 0% 0% 0% 4%;
			}

			h2,
			h3,
			.content p {
				margin: 0% 4% 0% 4%;
			}

		}

	/*	-=---------=-
		 * 800 MAX *
		-=---------=-  */

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

			.content .text-cubby p.collection {
				margin: 0% 0% 0% -7px;
			}

			.journals .content .text-cubby p.collection {
				margin: 0% 0% 0% -15px;
			}

			.mini-products {
				display: block;
			}

			.the-road-map ul {
				margin: auto;
			}

			h3.margin-left-0,
			.content .text-cubby p,
			.contribute ul,
			.journals .text-cubby h3,
			.journals .text-cubby h4,
			.mini-products,
			.mini-products-box,
			.text-cubby h4,
			.to-your-core.small h3,
			.to-your-core.small p {
				margin: 0;
			}

			.contribute h4 {
				margin: 0% 0% 0% 1%;
			}

			h2,
			h3,
			.content p {
				margin: 0% 3% 0% 3%;
			}

			.philosophy {
				margin: 0% 12% 0% 12%;
			}

			.mini-products-box.design-covers,
			.mini-products-box.formats {
				padding: 0px;
			}

			.mini-products,
			.mini-products-box {
				padding: 0px 40px 0px 40px;
			}

			h3.margin-left-0,
			h4,
			.content .text-cubby h3,
			.content .text-cubby p {
				text-align: center;
			}

		}

	/*	-=---------=-
		 * 700 MAX *
		-=---------=-  */

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

			.content p {
				margin: 0% 2% 0% 2%;
			}

			.philosophy {
				margin: 0% 10% 0% 10%;
			}

			h2,
			h3 {
				margin: 0% 2% 0% 2%;
			}

			.mini-products-box {
				padding: 0px 30px 0px 30px;
			}

		}

	/*	-=---------=-
		 * 600 MAX *
		-=---------=-  */

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

			h2,
			h3,
			.content p {
				margin: 0% 1% 0% 1%;
			}

			.philosophy {
				margin: 0% 8% 0% 8%;
			}

			.mini-products {
				padding: 0px 30px 0px 30px;
			}

			.mini-products-box {
				padding: 0px 20px 0px 20px;
			}

		}

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

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

			.philosophy {
				margin: 0% 6% 0% 6%;
			}

			h2,
			.content p {
				margin: 0;
			}

			h2 {
				padding: 5px 0px 0px 0px;
			}

			.mini-products-box {
				padding: 0px 10px 0px 10px;
			}

		}

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

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

			h2,
			h3,
			h3.chopin,
			.philosophy {
				margin: 0;
			}

			.mini-products {
				padding: 0px 10px 0px 10px;
			}

			.mini-products-box {
				padding: 0;
			}

		}