/*
Theme Name: Spookees Child
Template: portfolio-wp
*/

.spookee-button.download-spookee {
    background: #000 !important;
}
.spookee-button.download-spookee:hover {
    background: var(--wp--preset--color--accent-secondary) !important;
}
.spookee-creator > a {
    color: #000;
}
.spookee-creator > a:hover {
    color: var(--wp--preset--color--accent-secondary);
}

/* Home */

.cart .quantity input[type="number"] {
	margin-right: 0 !important;
}
.select2-container .select2-selection--single {
	height: auto;
	min-height: 48px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 48px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 48px;
}
.wp-block-add-to-cart-form .woocommerce-variation-add-to-cart {
	gap: 16px;
}
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container ul.wp-block-jetpack-slideshow_swiper-wrapper {
	height: 100% !important;
}
.wp-block-jetpack-slideshow,
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_image,
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container {
	height: 100%;
}
.how-it-works {
	position: relative;
	z-index: 1;
}
#moon {
	position:absolute;
	top: 50%;
	left: 70%;
	margin: 280px;
	width: 280px;
	height: 280px;
	background: #fff;
	animation: orbit 60s backwards infinite;
	animation-timing-function: linear;
	border-radius: 50%;
	z-index: 0;
}
@-webkit-keyframes orbit {
    from { -webkit-transform: rotate(0deg) translateX(450px) rotate(0deg); }
    to   { -webkit-transform: rotate(-360deg) translateX(450px) rotate(360deg); }
}

/* Gravity Forms */
#gform_2 .gform_footer {
	margin-top: 0;
}
#gform_2 .gform_fields {
	grid-row-gap: 0;
	row-gap: 0;
}

/* Jetpack Slideshow */
.home .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next, 
.home .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev,
.home .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom {
	display: none;
}

/* Cart & Checkout */
.payment_method_stripe_cc.payment_box {
	padding: 18px;
    background: var(--wp--preset--color--accent-primary) !important;
    color: #000;
    border-radius: 8px;
    margin-top: 6px;
}
.wp-block-navigation:not(.social-menu) .wp-block-navigation-item:not(.button)::after {
	z-index: 0;
}
form.woocommerce-cart-form tbody td {
	border-top: 1px solid #333;
}
form.woocommerce-checkout table {
	padding: 12px;
}
.woocommerce-order-received ul li {
	list-style: none;
}
.wc-block-order-confirmation-billing-address {
	border: 0;
	padding: 0;
}

/* Mailpoet Forms */

form.mailpoet-manage-subscription {
    display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
form.mailpoet-manage-subscription > * {
	flex-basis: calc(50% - 8px);
}
form.mailpoet-manage-subscription > p,
form.mailpoet-manage-subscription > div:last-child,
form.mailpoet-manage-subscription > div:nth-of-type(4) {
	flex-basis: 100%;
}
form.mailpoet-manage-subscription > div > input.mailpoet_text {
	width: 100%;
}
form.mailpoet-manage-subscription > div > select {
	min-width: 220px;
}
form.mailpoet-manage-subscription > div > .mailpoet_submit {
	min-width: 180px;
	background: var(--wp--preset--color--accent-primary);
	font-size: 18px;
	font-weight: bold;
}

/* Registration Form */
#spookees-registration-form {
	display: flex;
	flex-wrap: wrap;
	row-gap: 16px;
}
#spookees-registration-form > .row {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 16px;
}
#spookees-registration-form > .row p {
	margin: 0;
}
#spookees-registration-form > .row input {
	width: 100%;
}
#spookees-registration-form > .wp-block-button {
	margin-top: 12px;
}
#spookees-registration-form > .wp-block-button > button {
	font-size: 24px;
}

/* Shop Page */
.spookees-shop {
	margin-top: 0;
}
.spookees-shop ul.products {
	padding-left: 36px;
	padding-right: 36px;
}
.spookees-shop ul.products li.product {
	transition: all .25s ease-in-out;
	border-radius: 6px 6px 0 0;
}
.spookees-shop ul.products li.product:hover {
	background: var(--wp--preset--color--accent-primary);
}
.spookees-shop .product-title-wrapper {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 18px;
	background: #000;
	border-radius: 6px 6px 0 0;
}
.spookees-shop .product-title-wrapper > a.button {
	display: none !important;
}
.spookees-shop ul.products li.product .woocommerce-loop-product__title {
	margin-top: 0;
}
.spookees-shop ul.products li.product .woocommerce-loop-product__link {
	line-height: 0;
}
.spookees-shop .post-2925 .spookee-overlay svg {
	top: 5%;
    position: relative;
    max-width: 16%;
}
.spookees-shop .post-2879 .spookee-overlay svg {
	top: -8%;
    position: relative;
    max-width: 18%;
    transform: rotate(-3deg);
}
.spookees-shop .post-2845 .spookee-overlay svg {
	right: -1%;
	top: -2%;
    position: relative;
    max-width: 18%;
}
.spookees-shop .post-3129 .spookee-overlay svg {
	right: 0;
	top: 12%;
    position: relative;
    max-width: 20%;
}
.page-spookee-shop .footer-group {
	background-color: var(--wp--preset--color--accent-primary) !important;
}
.page-spookee-shop .footer-group p,
.page-spookee-shop .footer-group li a {
	color: #000 !important;
}

/* Single Product Page */
.postid-2879 .spookee-overlay svg {
	top: -10%;
    position: relative;
    max-width: 22%;
    transform: rotate(-3deg);
}
.postid-2925 .spookee-overlay svg {
	top: 2%;
    position: relative;
    max-width: 18%;
}
.postid-3129 .spookee-overlay svg {
	top: 8%;
    position: relative;
    max-width: 22%;
}
.postid-2845 .spookee-overlay svg {
	top: -6%;
	right: -6px;
    position: relative;
    max-width: 22%;
}
.wp-block-woocommerce-product-details .woocommerce-tabs h2 {
	color: #000;
}
.woocommerce-tabs ul li {
	list-style: inside;
}
table.woocommerce-product-attributes {
	width: auto;
}
table.woocommerce-product-attributes th,
table.woocommerce-product-attributes td {
	padding-left: 6px;
	padding-right: 6px;
}
.woocommerce-product-gallery__image a > img {
	object-fit: cover;
}
.wp-block-add-to-cart-form .cart {
	display: block;
}
.wp-block-add-to-cart-form .woocommerce-variation-add-to-cart {
	display: grid;
	grid-template-columns: fit-content(100%) 1fr;
}
.woocommerce div.product .wc-block-add-to-cart-form form.cart button.single_add_to_cart_button {
	transition: all .25s ease-in-out;
	color: #000;
    background: var(--wp--preset--color--accent-primary) !important;
    font-size: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.woocommerce div.product .wc-block-add-to-cart-form form.cart button.single_add_to_cart_button:hover {
	color: #fff;
	background: var(--wp--preset--color--accent-secondary) !important;
}
.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
	display: none !important;
}
.woocommerce-product-gallery__image > img {
	display: none !important;
	width: 100% !important;
	height: 100% !important;
}
#wc-stripe-payment-request-button {
	border: 3px solid #fff;
	border-radius: 6px;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):focus,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover {
    -webkit-box-shadow: var(--wvs-hover-item-box-shadow, 0 0 0 3px var(--wp--preset--color--accent-primary));
    box-shadow: var(--wvs-hover-item-box-shadow, 0 0 0 3px var(--wp--preset--color--accent-primary));
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock) {
	background: var(--wp--preset--color--accent-primary);
	height: auto;
}
.single_variation_wrap {
	display: flex;
    flex-direction: column;
    row-gap: 18px;
}
.woocommerce-product-gallery__image {
    pointer-events: none !important;
}

/* Account Pages */
.woocommerce-account .wp-block-button.home-link {
	display: inline-block;
}
.show-password-input {
	display: none;
}
.page-my-account.woocommerce-account .woocommerce {
    display: flex;
    align-items: flex-start;
    column-gap: 60px;
}
.woocommerce-account nav.woocommerce-MyAccount-navigation {
    flex-basis: 16.66%;
    position: sticky;
    top: 60px;
}
.woocommerce-account nav.woocommerce-MyAccount-navigation ul {
	flex-direction: column;
	margin: 0;
}
.woocommerce-MyAccount-content {
	flex-basis: 83.33%;
}
.woocommerce-MyAccount-content > h2 {
	margin-top: 0;
}
.shop_table th,
.woocommerce-orders-table th {
	text-align: left;
}
form #place_order.button {
	color: #000;
}
.woocommerce-orders-table > tbody > tr:nth-child(odd) {
	background: #121212;
}
.woocommerce-account nav.woocommerce-MyAccount-navigation li {
	background: var(--wp--preset--color--accent-secondary);
	padding: 0;
}
.woocommerce-account nav.woocommerce-MyAccount-navigation li a {
	color: #fff;
	font-weight: bold;
	padding: 12px;
}

.home .wp-social-link svg {
	width: 60px;
	height: 60px;
}
.spookee-heading {
	transform: rotate(-4deg);
	line-height: 0.7;
}
.wp-element-button:hover, .wp-element-button:active, .wp-element-button:focus {
	color: #fff;
	background-color: var(--wp--preset--color--accent-secondary);
}
.woocommerce-account .spookee-buttons {
	display: flex;
	column-gap: 1px;
}
.woocommerce-account .spookee-buttons .wp-block-button:first-child .spookee-button {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.woocommerce-account .spookee-buttons .wp-block-button:last-child .spookee-button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.woocommerce-account .spookee-buttons .wp-block-button {
	flex-basis: 50%;
}
.woocommerce-account .spookee-buttons .wp-block-button .spookee-button {
	font-size: 14px;
}
.spookee-button,
button.order-spookee {
	position: relative;
	top: 0;
	left: 0;
	transition: all 0.25s ease-in-out;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	background-color: var(--wp--preset--color--accent-secondary) !important;
	color: #fff;
	margin-top: 16px;
	padding: 12px 24px;
	border-radius: 36px;
	border: 0;
}
.spookee-button:hover,
button.order-spookee:hover {
	background-color: var(--wp--preset--color--accent-secondary) !important;
	box-shadow: -6px -6px 0px #000;
	top: 6px;
	left: 6px;
}
.spookee-button::after,
button.order-spookee::after {
	display: inline-block;
	font-family: 'Font Awesome 6 Free';
	font-weight: 600;
	content: '\f178';
	margin-left: 0;
	margin-top: -6px;
	width: 0;
	opacity: 0;
	transition: all .25s ease-in-out;
	position: relative;
	top: 4px;
	overflow: hidden;
}
.spookee-button:hover::after,
button.order-spookee:hover::after {
	opacity: 1;
	margin-left: 6px;
	width: 32px;
}

#spookee-gallery {
	gap: 12px;
}
#spookee-gallery > .wp-block-image {
	position: relative;
	transition: transform .25s ease-in-out;
	z-index: 2;
}
#spookee-gallery > .wp-block-image:hover {
	transform: scale(1.1);
	z-index: 3;
}

#contact-form-24 form {
 justify-content: center !important;
}
#contact-form-24 h3 {
  text-align: center;
}
#contact-form-24 h3 + p {
  color: #000000;
  text-align: center;
}

table,
.wp-block-table table {
	background: none;
	border: 0;
	box-shadow: none;
}
table td, .wp-block-table td {
	border: 0;
}
table th, .wp-block-table th,
table td, .wp-block-table td {
	padding: 12px 0;
}

@media screen and (max-width: 1024px) {
	.spookees-gallery {
		grid-template-columns: 1fr 1fr;
		gap: 16px;
	}
	.spookee-info {
		position: relative;
		opacity: 1;
		top: 0;
		transform: none;
	}
	.woocommerce-account .woocommerce {
		display: block;
		align-items: flex-start;
		column-gap: 0;
	}
	nav.woocommerce-MyAccount-navigation {
		flex-basis: auto;
		position: relative;
		top: 0;
		margin-bottom: 18px;
	}
	nav.woocommerce-MyAccount-navigation ul {
		flex-direction: row;
		flex-wrap: wrap;
		column-gap: 6px;
		margin: 0;
	}
	.woocommerce-MyAccount-content {
		flex-basis: auto;
	}
}

@media screen and (min-width: 769px) {
	table.variations > tbody {
		display: grid;
		grid-template-columns: 200px 1fr;
		gap: 16px;
	}
}

@media screen and (max-width: 768px) {
	.position-sticky {
		position: relative !important;
	}
	.spookees-gallery {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	#generateArt {
		font-size: 24px !important;
	}
	#moon,
	.dead-tree {
		display: none;
	}
	.mobile-reverse {
		flex-direction: column-reverse;
		gap: 0;
	}
	.ticss-b7380f3c, .ticss-551a9356, .ticss-f085315b, .ticss-dc24e9c8 {
		transform: rotate(0deg);
	}
	.ticss-389c3ebd {
    	left: calc(50% - 260px);
	}
	.ticss-8e05193f {
    	left: calc(50% - 80px);
	}
	.ticss-44042b48 {
    	left: calc(50% - 40px);
		width: 100%;
	}
	#generator .wp-block-columns > .wp-block-column:first-child > .wp-block-spacer:last-child {
		height: 60px !important;
	}
	#generator .wp-block-columns > .wp-block-column.spookee-holder {
		min-height: 420px;
	}
	#generator .wp-block-columns > .wp-block-column.spookee-holder .placeholder .wp-block-spacer:last-child {
		height: 180px !important;
	}
	.gen-button-holder {
		display: block !important;
	}
	#generateArt {
		width: 100%;
	}
	#addToGalleryBtn > .wp-block-button__link {
		left: auto;
		padding-left: 24px;
		margin-top: 16px;
		width: 100%;
		text-align: center;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container > .wp-block-navigation-item > a {
		padding-left: 12px;
		padding-right: 12px;
		border-radius: 8px;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container > .wp-block-navigation-item > a:hover {
		background: var(--wp--preset--color--accent-primary);
	}
}