#basic_page_h1 {
	margin-top: 50px;
}

.swal2-confirm {
	background-color: #a5dc86 !important;
	background: #a5dc86 !important;
}

.swal2-confirm:focus {
	box-shadow: none !important;
}

.cards-horizontal {
	grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

@media only screen and (min-width: 480px) {
	.cards-horizontal {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

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

	#main_nav {
		left: 50% !important;
	}

	.product-title {
		width: 120%
	}

	.hero-img {
		width: 50% !important;
		height: 80vh;
	}

	.price-placehoder {
		margin-top: 5.5rem;
	}
	.lg_py-0 {
		padding-bottom: 0px;
		padding-top: 0px;
	}
	#hero_img {
		margin-top: 150px;
	}
	#offer_prices {
		margin-top: 3rem;
	}
	#basic_page_h1 {
		margin-top: 0px;
	}

	.cards-horizontal {
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	}
	.lg-pb-100 {
		margin-bottom: 100px;
	}
	.lg-pt-4rem {
		padding-top: 4rem;
	}
}



.dropdown {
	opacity: 0;
	visibility: hidden;
}

.dropdown-item:focus-within, .dropdown {
	opacity: 1;
	visibility: visible;
}

.pointer {
	cursor: pointer;
}


/* animations
.scaling-text {
	opacity: 0;
	animation: scaleIn 0.5s forwards;
}

@keyframes scaleIn {
	from {
		transform: scale(0);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}
*/



/* darkmode */
html, body, #app {
	min-height: 100%;
	background: #161616 !important;
}

.section, .bg-white, .bg-gray-50 {
	background: #161616 !important;
	color: white !important;
}

input[type="text"], input[type="email"], textarea, select {
	background-color: lightgray !important;
}

p, span, strong, .text-gray-500, h1, h2, h3, h4, h5 {
	color: white !important;
}
input, textarea {
	color: black !important;
}

.bg-black {
	background-color: #161616;
}

.bg-indigo-50 {
	background-color: #8c8c8c !important;
}
select {
	color: black !important;
}

.swal2-title {
	color: black !important;
}