/******************************************************************************
 * Global variables                                                            *
 ******************************************************************************/

:root {
	--g-energia-bolt-color: rgb(0, 209, 234);
}

/******************************************************************************
 * Woocommerce CSS Reset                                                       *
 ******************************************************************************/

td {
	border: none;
}

#energia-checkout-page
	table.shop_table.woocommerce-checkout-review-order-table.e_tile
	tr {
	border: none;
}

#energia-checkout-page
	table.shop_table.woocommerce-checkout-review-order-table.e_tile
	th,
#energia-checkout-page
	table.shop_table.woocommerce-checkout-review-order-table.e_tile
	td {
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #ebebeb;
	padding-left: 0;
}

#energia-checkout-page
	table.shop_table.woocommerce-checkout-review-order-table.e_tile
	tr {
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #ebebeb;
	padding-left: 0;
}

.woocommerce-checkout #payment .e_tile div.payment_box {
	padding: 0;
	margin: 0;
	position: static;
}

.woocommerce-page.woocommerce-checkout #payment .e_tile div.payment_box {
	background-color: white;
}

/******************************************************************************
 * Common styles                                                               *
 ******************************************************************************/

.energia-bolt,
.bi-lightning-fill {
	color: var(--g-energia-bolt-color);
}

.energia-title-hr {
	margin: 4px 0px 10px 0px !important;
	height: 1px;
	width: 100%;
	background-color: #000 !important;
	border: none;
}

.energia-page-heading {
	font-weight: 600;
}

ul {
	list-style: none;
	margin: 0;
}

ul.list-indent {
	margin-left: 24px;
}

ul.list-item-spacing li {
	margin-bottom: 1em;
}

ul.list-style-dot {
	list-style: circle;
}

/******************************************************************************
 * Overlays                                                                    *
 ******************************************************************************/

.energia-spinner-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(218, 215, 215, 0.5)
		url("/wp-content/uploads/energia/images/Spinner-1s-200px.gif") no-repeat
		center center;
}

.energia-blur-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(10px);
	z-index: 47;
}

/******************************************************************************
 * Pages                                                                       *
 ******************************************************************************/

#energia-checkout-header-container {
	grid-area: header;
	background-color: white;
	width: 100vw;
	display: grid;
	/* margin-left: -50%; */
}

#energia-checkout-header {
	width: 96%;
	margin: 1% 2%;
}

#energia-checkout-footer {
	grid-area: footer;
}

.energia-page-main-content {
	/* padding-top: 100px; */
	max-width: 100vw;
	margin: 12px auto;
}

.energia-policy-page {
	padding: 20px 30px !important;
	margin-bottom: 10px;
}

/******************************************************************************
 * Landing Page                                                                *
 ******************************************************************************/

#energia-categories-page,
#energia-contact-page {
	max-width: 100vw;

	margin: 12px auto;
	min-height: 580px;
}

/******************************************************************************
 * Contact Page                                                                *
 ******************************************************************************/

#energia-contact-page {
	max-width: 94vw;
	display: grid;
	grid-template-columns: 1fr;
	row-gap: 10px;
	grid-template-areas: "form" "info";
}

#energia-contact-page-info {
	grid-area: info;
	align-self: start;
	padding: 22px 36px !important;
}

#energia-contact-page-form {
	padding: 10px 36px !important;
	max-width: 560px;
	grid-area: form;
	align-self: start;

	display: grid;

	grid-template-areas:
		"heading"
		"name"
		"email"
		"subject"
		"message"
		"submit";
}

#energia-contact-page-form h2 {
	margin-top: 12px;
}

#energia-contact-page-form textarea {
	min-height: 167px;
	resize: vertical;
	max-height: 500px;
}

.energia-contact-form-submit-button {
	grid-area: submit;
	justify-self: end;
}

.contact-thank-you {
	align-self: start;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto 1fr;
}

.contact-thank-you button {
	justify-self: stretch;
	margin-top: 20px;
}

/******************************************************************************
 * Header                                                                      *
 *   |                                                                         *
 *   ->  Mini Cart                                                             *
 ******************************************************************************/

html {
	height: 100%;
}

.woocommerce-mini-cart__empty-message {
	text-align: center;
}

.woocommerce-mini-cart-item a.remove_from_cart_button {
	grid-area: remove;
	align-self: start;
	justify-self: end;
	font-size: 24px;
	line-height: 1em;
}

.mini-cart-price-qty-container {
	grid-area: price;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-self: end;
}

.woocommerce-mini-cart__total {
	margin-bottom: 18px;
}

/******************************************************************************
 * Footer                                                                      *
 ******************************************************************************/

.energia-footer a::-moz-selection,
.energia-footer p::-moz-selection,
.energia-footer h2::-moz-selection,
.energia-footer li::-moz-selection {
	background-color: #4d68ff !important;
}

.energia-footer a::selection,
.energia-footer p::selection,
.energia-footer h2::selection,
.energia-footer li::selection {
	background-color: #4d68ff !important;
}

.energia-footer {
	position: relative;
}

/******************************************************************************
 * Media - Desktop                                                             *
 ******************************************************************************/

@media only screen and (min-width: 1200px) {
	/******************************************************************************
	 * Pages                                                                       *
	 ******************************************************************************/

	.energia-page-main-content.full-width-page {
		max-width: none;
		margin: 0 auto;
	}

	#energia-categories-page,
	#energia-contact-page {
		margin: 0 auto;
	}

	#energia-contact-page {
		max-width: 900px;
		grid-template-columns: 1fr 300px;
		-moz-column-gap: 7%;
		column-gap: 7%;
		grid-template-areas: "form  info";
	}

	#energia-checkout-header {
		width: 1080px;
		margin: 0 auto;
	}

	.energia-policy-page {
		padding: 50px 100px !important;
	}

	/******************************************************************************
	 * Footer                                                                      *
	 ******************************************************************************/

	.newsletter-registration-error-message {
		width: 100%;
		height: 44.5px;
		background-color: #fbd4d4;
		border-radius: 12px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		padding: 0 5px;
	}

	.newsletter-registration-error-message p {
		text-align: center;
		color: red;
	}
}