/*
-=-------------------------------=-
 *             C S S             *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *         C U B B I E S         *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *     Design by Anna Greco      *
 *     www.houseofgreco.com      *
 *        Copyright 2026         *
-=-------------------------------=-
*/


.cubby-wrap {
/*	background: #D1D1B4;	*/
    margin: 0% 7% 0% 7%;
    padding: 30px 0px 30px 0px;
}

.cubby-wrap.sub-accordion {
	border: 0px solid red;
	padding: 0px 0px 0px 0px;
}

.cubby-wrap.before-pricing-details {
	padding: 30px 30px 0px 30px;
}

.cubby-wrap.three-quarters {
	width: 75%;
}

.cubby-wrap.full {
	padding: 0px 15% 0px 15%;
}

.image-cubby {
	border: 0px solid red;
	float: left;
	width: 45%;
}

	.image-cubby.thirds {
		width: 33.33%;
	}

	.image-cubby.full {
		width: 100%;
	}

	.journals .image-cubby img {
		box-shadow: 3px 3px 5px 1px rgba(90, 80, 60, 0.75);
		float: right;
		width: 250px;
	}

		.image-cubby.thirds .image {
			width: 300px !important;
			height: 300px;
		}

	.image-cubby.subcategory {
		width: 45%;
	}

.image-cubby .image {
	background-repeat: no-repeat;
	border: 0px solid orange;
	border-bottom: 1px solid rgba(120, 90, 45, 0.5);
	box-shadow: 3px 3px 5px 1px rgba(90, 80, 60, 0.75);
	float: right;
	margin: 0px 25px 0px 0px;
	width: 384px;
	height: 240px;
	border-radius: 3px;
}

.image-cubby .image.contact {
	width: 250px;
    height: 250px;
    border-top-left-radius: 200px 300px;
    border-top-right-radius: 200px 300px;
    border-bottom-left-radius: 200px 300px;
    border-bottom-right-radius: 200px 300px;
}

	.image-cubby.mini {
		padding: 0px 15px 0px 0px;
	}

	.image-cubby.mini .image {
		float: unset;
		width: 50px;
		height: 50px;
	}

	.journals .image-cubby .image {
		background-size: 250px;
		border-radius: 2px;
		width: 250px;
		height: 350px;
	}

.text-cubby {
	border: 0px solid green;
	float: left;
	width: 55%;
}

	.text-cubby.thirds {
		width: 33.33%;
	}

	.text-cubby.subcategory {
		width: 55%;
	}

	.text-cubby.half {
		width: 50%;
	}

	.text-cubby.full {
		width: 100%;
	}

	.text-cubby .text {
		border: 0px solid yellow;
	}

	.live-music .text-cubby {
		padding: 0px 0px 0px 25px;
	}

/*	-=-----=-
	 * ALL *
	-=-----=-  */

	.image-cubby .image {
		background-position: center;
		background-size: 100%;
	}

/*	-=------------=-
	 * MINI IMAGE *
	-=------------=-  */

	.mini-image {
		padding: 0px 15px 5px 0px;
		width: 50px;
	}

		.mini-products .mini-image {
			width: 50px;
		}

		.jewelry-by-anna .mini-image {
			padding: 0;
		}

		.jewelry-by-anna .mini-image.beads {
			padding: 0px 0px 15px 0px;
		}

		.general-goods .mini-image {
			padding: 0px 15px 15px 0px;
			width: 50px;
		}

			.general-goods .mini-image img {
				float: left;
				margin: 0px 15px 0px 0px;
			}

	.mini-image img {
		border-radius: 50px;
		box-shadow: 2px 2px 4px 0px rgba(90, 80, 60, 0.5);
		width: 50px;
		height: 50px;
	}

		.jewelry-by-anna .mini-products-wrap {
			padding-right: 10px;
			width: 33.33%;		
		}

		.jewelry-by-anna .mini-image.beads .image {
			border-radius: 75px;
			width: 75px;
			height: 75px;
			background-size: 185px;
			box-shadow: 2px 2px 4px 0px rgba(90, 80, 60, 0.5);
		}

			.jewelry-by-anna .mini-image.beads .image.jewelry-by-anna-1 {
				background-position: top left;
			}

			.jewelry-by-anna .mini-image.beads .image.jewelry-by-anna-2a,
			.jewelry-by-anna .mini-image.beads .image.jewelry-by-anna-2b {
				background-position: bottom left;
			}

			.jewelry-by-anna .mini-image.beads .image.jewelry-by-anna-2c {
				background-position: center top;
				background-size: 225px;
			}

		.chocolate .mini-image img,
		.general-goods .mini-image img {
			border-radius: 75px;
			width: 75px;
			height: 75px;
		}

		.mini-products-wrap-image.mini-image.beads {
			width: 85px;
		}


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

	.home .image-cubby {
		width: 55%;
	}

	.home .image-cubby.full {
		margin: 20px 0px 20px 0px;
		width: 100%;
	}

	.home .image-cubby .image {
		background-position: center top;
		background-size: 100%;
		border: 0;
		border-radius: 1px;
		box-shadow: none;
		width: 100%;
		height: 600px;
	}

	.home .text-cubby {
		width: 43%;
	}

	.image-cubby .image.home-2 {
		background-image: url('../images/home/anna-at-the-piano.jpg');
	}

	.image-cubby .image.home-4 {
		background-image: url('../images/home/album-covers.jpg');
	}

	.image-cubby .image.home-5 {
		background-image: url('../images/home/merchandise.jpg');
	}

/*	-=----------------------=-
	 * PORTFOLIO HIGHLIGHTS *
	-=----------------------=-  */

	.image-cubby .image.portfolio-highlight-34 {
		background-image: url('../images/portfolio/2026-anna-greco-concert-pianist-1-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-33 {
		background-image: url('../images/portfolio/2026-the-surf-haberdashery-1-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-32 {
		background-image: url('../images/portfolio/2025-the-homeopathy-lounge-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-31 {
		background-image: url('../images/portfolio/2025-house-of-greco-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-30 {
		background-image: url('../images/portfolio/2025-beads-of-nefertari-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-29 {
		background-image: url('../images/portfolio/2025-annas-audio-lounge-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-28 {
		background-image: url('../images/portfolio/2024-house-of-greco-main-floor-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-27 {
		background-image: url('../images/portfolio/2024-anne-of-menlo-6-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-26 {
		background-image: url('../images/portfolio/2024-anne-of-menlo-5-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-25 {
		background-image: url('../images/portfolio/2023-house-of-greco-lobby-july-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-24 {
		background-image: url('../images/portfolio/2023-annas-audio-lounge-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-23 {
		background-image: url('../images/portfolio/2022-the-surf-haberdashery-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-22 {
		background-image: url('../images/portfolio/2022-annas-audio-lounge-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-21 {
		background-image: url('../images/portfolio/2021-lion-chocolate-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-20 {
		background-image: url('../images/portfolio/2021-jill-of-some-trades-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-19 {
		background-image: url('../images/portfolio/2020-house-of-greco-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-18 {
		background-image: url('../images/portfolio/2020-burt-levitsky-art-1-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-17 {
		background-image: url('../images/portfolio/2019-jill-of-some-trades-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-16 {
		background-image: url('../images/portfolio/2019-house-of-greco-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-15 {
		background-image: url('../images/portfolio/2019-house-of-greco-custom-cart-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-14 {
		background-image: url('../images/portfolio/2018-house-of-greco-feb-28-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-13 {
		background-image: url('../images/portfolio/2013-2014-sonshine-soup-kitchen-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-12 {
		background-image: url('../images/portfolio/2010-music-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-11 {
		background-image: url('../images/portfolio/2010-2011-music-arts-alive-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-10 {
		background-image: url('../images/portfolio/2009-music-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-9 {
		background-image: url('../images/portfolio/2009-2010-mermaid-music-productions-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-8 {
		background-image: url('../images/portfolio/2008-the-hiking-hugger-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-7 {
		background-image: url('../images/portfolio/2008-patisserie-bleu-cafe-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-6 {
		background-image: url('../images/portfolio/2008-baggattaway-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-5 {
		background-image: url('../images/portfolio/2007-cappella-clausura-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-4 {
		background-image: url('../images/portfolio/2006-janice-edwards-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-3 {
		background-image: url('../images/portfolio/2005-dutch-blitz-card-games-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-2 {
		background-image: url('../images/portfolio/2004-2007-gold-onyx-enlarged.jpg');
	}

	.image-cubby .image.portfolio-highlight-1 {
		background-image: url('../images/portfolio/2002-2003-music-jewelry-enlarged.jpg');
	}

/*	-=-----------=-
	 * PORTFOLIO *
	-=-----------=-  */

	.image-cubby .image.portfolio-1 {
		background-image: url('../images/portfolio/-thumbnail.jpg');
	}

	.image-cubby .image.portfolio-2 {
		background-image: url('../images/portfolio/-thumbnail.jpg');
	}

	.image-cubby .image.portfolio-3 {
		background-image: url('../images/portfolio/-thumbnail.jpg');
	}

	.image-cubby .image.portfolio-4 {
		background-image: url('../images/portfolio/-thumbnail.jpg');
	}

	.image-cubby .image.portfolio-5 {
		background-image: url('../images/portfolio/-thumbnail.jpg');
	}

	.image-cubby .image.portfolio-6 {
		background-image: url('../images/portfolio/-thumbnail.jpg');
	}

	.image-cubby .image.portfolio-7 {
		background-image: url('../images/portfolio/-thumbnail.jpg');
	}

	.image-cubby .image.portfolio-8 {
		background-image: url('../images/portfolio/-thumbnail.jpg');
	}

	.image-cubby .image.portfolio-9 {
		background-image: url('../images/portfolio/-thumbnail.jpg');
	}

	.image-cubby .image.portfolio-10 {
		background-image: url('../images/portfolio/-thumbnail.jpg');
	}

	.image-cubby .image.portfolio-11 {
		background-image: url('../images/portfolio/-thumbnail.jpg');
	}

	.image-cubby .image.portfolio-12 {
		background-image: url('../images/portfolio/-thumbnail.jpg');
	}

	.image-cubby .image.portfolio-13 {
		background-image: url('../images/portfolio/-thumbnail.jpg');
	}

	.image-cubby .image.portfolio-14 {
		background-image: url('../images/portfolio/-thumbnail.jpg');
	}

	.image-cubby .image.portfolio-15 {
		background-image: url('../images/portfolio/-thumbnail.jpg');
	}

	.image-cubby .image.portfolio-16 {
		background-image: url('../images/portfolio/-thumbnail.jpg');
	}

	.image-cubby .image.portfolio-17 {
		background-image: url('../images/portfolio/-thumbnail.jpg');
	}

	.image-cubby .image.portfolio-18 {
		background-image: url('../images/portfolio/-thumbnail.jpg');
	}

	.image-cubby .image.portfolio-19 {
		background-image: url('../images/portfolio/-thumbnail.jpg');
	}

	.image-cubby .image.portfolio-20 {
		background-image: url('../images/portfolio/2002-2003-music-jewelry-thumbnail.jpg');
	}

/*	-=---------=-
	 * CONTACT *
	-=---------=-  */

	.image-cubby .image.contact-1 {
		background-image: url('../images/contact/anna-greco.jpg');
	}


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

	/*	-=----------=-
		 * 1200 MAX *
		-=----------=-  */

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

			.home .image-cubby {
				width: 54%;
			}

			.home .text-cubby {
				width: 44%;
			}

		}

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

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

			.cubby-wrap {
				margin: 0% 6% 0% 6%;
			}

			.home .image-cubby {
				width: 53%;
			}

			.home .text-cubby {
				width: 45%;
			}

		}

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

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

			.cubby-wrap {
				margin: 0% 5% 0% 5%;
			}

			.home .image-cubby {
				float: right;
				width: 54%;
			}

			.home .text-cubby {
				margin: unset;
				width: 45%;
			}

			.image-cubby.thirds .image {
				width: 250px !important;
				height: 250px;
			}

		}

	/*	-=---------=-
		 * 950 MAX *
		-=---------=-  */

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

			.home .image-cubby {
				width: 51%;
			}

		}

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

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

			.cubby-wrap {
				margin: 0% 4% 0% 4%;
			}

			.cubby-wrap.dark {
				padding: 15px 15px 20px 15px;
			}

			.home .image-cubby {
				width: 50%;
			}

			.image-cubby.thirds .image {
				margin: auto;
				width: 325px !important;
				height: 325px;
			}

			.image-cubby.thirds,
			.text-cubby.thirds {
				width: 100%;
			}

				.anna-in-gods-will .image-cubby.rectangle {
					width: 50%;
				}

			.image-cubby .image {
				background-size: 200px;
				border-radius: 200px;
				width: 200px;
				height: 200px;
			}

				.journals .image-cubby .image {
					background-size: 200px;
					width: 200px;
					height: 280px;
				}

			.image-cubby .image.contact {
				background-size: 100%;
			}

			.jewelry-by-anna .mini-products-wrap {
				width: 50%;
			}

			.text-cubby.half {
				width: 100%;
			}

			.cubby-wrap.three-quarters .text-cubby.half {
				width: 50%;
			}

		}

	/*	-=---------=-
		 * 850 MAX *
		-=---------=-  */

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

			.home .image-cubby {
				width: 46%;
			}

		}

	/*	-=---------=-
		 * 801 MIN *
		-=---------=-  */

		@media screen and (min-width: 801px) {

			.home .to-your-core.small {
				display: none;
			}

		}

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

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

			.cubby-wrap {
				margin: 0% 3% 0% 3%;
			}

			.cubby-wrap.full {
				padding: 0px 10% 0px 10%;
			}

			.image-cubby {
			    margin: 0px 0px 25px 0px;
				width: 100%;
			}

			.image-cubby .image {
				background-size: 250px;
				border-radius: 250px;
				float: unset;
				margin: auto;
				width: 250px;
				height: 250px;
			}

				.journals .image-cubby .image {
					background-size: 250px;
					width: 250px;
					height: 350px;
				}

				.journals .image-cubby img {
					display: block;
					float: unset;
					margin: auto;
				}

			.text-cubby {
				border: 0px solid green;
				float: left;
				width: 100%;
			}

			.text-cubby h2 {
				text-align: center;
			}

			.image-cubby.subcategory,
			.text-cubby.subcategory {
				width: 100%;
			}

			.home .to-your-core.large {
				display: none;
			}

		}

	/*	-=---------=-
		 * 750 MAX *
		-=---------=-  */

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

			.jewelry-by-anna .mini-products-wrap {
				width: 100%;
			}

		}

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

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

			.cubby-wrap {
				margin: 0% 2% 0% 2%;
			}

			.cubby-wrap.full {
				padding: 0px 0% 0px 0%;
			}

			.anna-in-gods-will .image-cubby.rectangle .image {
				height: 250px;
			}

			.anna-in-gods-will .image-cubby.rectangle {
				margin: 0px 0px 10px 0px;
				width: 100%;
			}

			.anna-in-gods-will .text-cubby {
				margin: 20px 0px 20px 0px;
				width: 100%;
			}

			.text-cubby {
				border: 0px solid green;
				float: left;
				width: 100%;
			}

		}

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

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

			.cubby-wrap {
				margin: 0% 1% 0% 1%;
			}

		}

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

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

			.cubby-wrap {
				margin: 0;
			}

		}