/**
Theme Name: greeting-cards-eu
Version: 1.0.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: greeting-cards-eu
Template: astra
*/

@font-face {
	font-family: 'Elegant-DEMO';
	src: url('assets/fonts/Elegant-DEMO.ttf');
	font-weight: normal;
	font-style: normal;
}

body {
	background: #fff;
}

.front-page-inner-wrap {
	@media (min-width: 1024px) {
		margin-top: 2rem;
	}
}

#primary {
	margin: auto;
}

@media (min-width: 1024px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin-top: 32px;
        margin-bottom: 32px;
    }
}

.hfe-nav-menu {
	width: 90vw;
	
	a {
		white-space: nowrap;
	}
}

.main-menu-nav li a {
	position: relative;
	font-family: Elegant-DEMO;
	font-weight: 400!important;

	&:hover {
		&:after {
			width: 100%;
		}
	}

	&:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		height: 2px;
		width: 0;
		background: #000;
	}
}

.woocommerce {

	ul.products li {
		position: relative;
		/* display: grid!important; */
		/* grid-template-rows: 1fr auto auto; */
		padding: 10px !important;
		background-color: transparent!important;
		border: none;

		@media (min-width: 640px) {
			padding: 25px 20px!important;
		}

		@media (min-width: 1024px) {
			padding: 40px 32px!important;
		}

		&:after {
			content: '';
			position: absolute;
			inset: 0;
			/* opacity: 0; */
			/* scale: .98; */
			border: 1px solid #ccc;
			transition: all .45s ease-in-out;
			z-index: -1
		}

		&:hover {

			.add_to_cart_button {
				/* background-image: linear-gradient(to right, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .8) 40%, rgba(0, 0, 0, .8) 100%); */
				background-image: linear-gradient(to right, #e6d2ff 0%, #e6d2ff 40%, #e6d2ff 100%);

				background-repeat: no-repeat;

				background-size: 200% 100%;

				/* color: #fff!important; */

				transition: background-size .5s, background-color 1s;
			}

		}
	}

	.add_to_cart_button {
		display: block;
		width: 100%;
		padding: 8px 16px!important;

		background-color: transparent!important;
		background-size: 0% 100%;
		border: none;
		color: #000!important;
		outline: none;
		text-align: center;
		text-decoration: none;
		transition: background-color .5s;

		@media (min-width: 768px) {
			padding: 10px 30px!important;
			font-size: 20px!important;
		}

	}

	.astra-shop-summary-wrap {
		.price {
			font-size: 21px !important;
			text-align: center;
		}
	}

}

.ast-on-card-button { display: none !important; }