/*
-=-------------------------------=-
 *             C S S             *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *       D I M E N S I O N S     *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *          Background           *
 *        Background Size        *
 *            Border             *
 *         Border Radius         *
 *          Box Shadow           *
 *             Width             *
 *             Height            *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *     Design by Anna Greco      *
 *     www.houseofgreco.com      *
 *        Copyright 2026         *
-=-------------------------------=-
*/


/*	-=------------=-
	 * BACKGROUND *
	-=------------=-  */

	.panel.no-background {
		background: transparent;
	}

	h1 {
/*		background: purple;		*/
	}

	.accordion {
/*		background: aqua;		*/
	}

	h2 {
/*		background: blue;		*/
	}

	h3 {
/*		background: green;		*/
	}

	h4 {
/*		background: yellow;		*/
	}

	h5,
	.content p,
	.patron-keys-directory td {
/*		background: orange;		*/
	}

	h6,
	ul {
/*		background: red;		*/
	}

	.image-gallery .panel {
		background: #D6CAAA;
	}

	.philosophy {
/*		background: #862E86;	*/
	}

	.panel {
		background: rgba(190, 230, 215, 0.35);
	}

/*	-=-----------------=-
	 * BACKGROUND SIZE *
	-=-----------------=-  */

	.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 {
		background-size: 100%;
	}

/*	-=--------=-
	 * BORDER *
	-=--------=-  */

	body,
	.image-gallery .panel,
	.panel.no-background {
	    border: 0;
	}

	h1 {
		border: 0px solid purple;
	}

	h2 {
		border: 0px solid blue;
	}

	.accordion {
		border: 0px solid aqua;
	}

	h3,
	div,
	table,
	tr,
	td {
		border: 0px solid green;
	}

	h4 {
		border: 0px solid yellow;
	}

	.content p,
	.patron-keys-directory td {
		border: 0px solid orange;
	}

	ul {
		border: 0px solid red;
	}

	.accordion .text,
	.content p a,
	li a {
		border-bottom: 1px solid #8CD2A2;
	}

	.philosophy {
		border: 0px solid #862E86;
	}

	.panel {
	    border: 1px solid rgba(235, 225, 195, 0.5);
	}

/*	-=---------------=-
	 * BORDER RADIUS *
	-=---------------=-  */

	.journals .mini-products-box img,
	.mini-products-box.slim .image,
	.panel {
		border-radius: 2px;
			-moz-border-radius: 2px;
				-ms-border-radius: 2px;
					-o-border-radius: 2px;
						-webkit-border-radius: 2px;
	}

	.mini-products-box img {
		border-radius: 75px;
			-moz-border-radius: 75px;
				-ms-border-radius: 75px;
					-o-border-radius: 75px;
						-webkit-border-radius: 75px;
	}

/*	-=------------=-
	 * BOX SHADOW *
	-=------------=-  */

	.panel.no-background {
		box-shadow: none;
	}

	.panel {
		box-shadow: inset 0px 4px 8px 2px #BFC7A6;
	}

	.image-gallery .panel {
		box-shadow: inset 0px 4px 8px 2px #C2B897;
	}

	.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 {
	    box-shadow: 2px 2px 4px 0px rgba(90, 80, 60, 0.5);
    }

/*	-=-------=-
	 * WIDTH *
	-=-------=-  */

	.mini-products-box.tape img {
		width: 21px;
		height: 101.5px;
	}

	.mini-products-box.bookmark img {
		width: 21px;
		height: 101.5px;
	}

	.mini-products-box.cards img,
	.mini-products-box.cards .image {
		width: 26.3px;
		height: 36.8px;
	}

	.mini-products-box.detective img,
	.mini-products-box.detective .image {
		width: 39.4px;
		height: 57.8px;
	}

	.mini-products-box.mini img,
	.mini-products-box.mini .image {
		width: 42px;
		height: 57.8px;
	}

	.mini-products-box.slim img,
	.mini-products-box.slim .image {
		width: 39.4px;
		height: 73.5px;
	}

	.mini-products-box.formats .image {
		width: 75px;
		height: 75px;
	}

	.mini-products-box.flyer img {
		border-radius: 3px;
		width: 50px;
		height: 65px;
	}

	.mini-products-box.midi img,
	.mini-products-box.midi .image {
		width: 52.5px;
		height: 73.5px;
	}

	.mini-products-box.ultra img,
	.mini-products-box.ultra .image {
		width: 73.5px;
		height: 94.5px;
	}

	.mini-products-box img {
		width: 75px;
		height: 75px;
	}

	.mini-products-box.grande img {
		width: 86.6px;
		height: 123.4px;
	}

	.mini-products-box.pencil img,
	.mini-products-box.pencil .image {
		width: 91.9px;
		height: 28.9px;
	}

	.mini-products-box.guest img,
	.mini-products-box.guest .image {
		width: 94.5px;
		height: 73.5px;
	}

	.mini-products-box.tape img {
		width: 150px;
		height: 12px;
	}

	.image-gallery .panel,
	.the-road-map ul {
		width: 75%;
	}

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


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

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

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

			.the-road-map ul {
				width: 80%;
			}

		}

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

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

			.image-gallery .panel {
				width: 80%;
			}

			.the-road-map ul {
				width: 85%;
			}

		}

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

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

			.image-gallery .panel {
				width: 85%;
			}

			.the-road-map ul {
				width: 90%;
			}

		}

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

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

			.mini-products {
				display: block;
			}

			.chocolate ul {
				width: 60%;
			}

			.image-gallery .panel {
				width: 90%;
			}

			.the-road-map ul {
				width: 95%;
			}

		}

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

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

			.the-road-map ul {
				width: 80%;
			}

			.image-gallery .panel {
				width: 95%;
			}

		}

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

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

			.chocolate ul {
				width: 70%;
			}

			.the-road-map ul {
				width: 85%;
			}

		}

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

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

			.chocolate ul {
				width: 80%;
			}

			.the-road-map ul {
				width: 90%;
			}

			.image-gallery .panel {
				width: 100%;
			}

		}

	/*	-=---------=-
		 * 550 MAX *
		-=---------=-  */

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

			.chocolate ul {
				width: 90%;
			}

			.the-road-map ul {
				width: 95%;
			}

		}

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

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

			.chocolate ul {
				width: 100%;
			}

			.the-road-map ul {
				width: 100%;
			}

		}