:root {
    --spacing-company: 5rem;
    --font-weight: 400;
    --typography-spacing-vertical: 1.0rem;
    --font-family: 'Poppins', sans-serif;
}

:root:not([data-theme=dark]), [data-theme=light] {
    --primary: #3c6371;
    --primary-hover: #2a494f;
    --contrast: #dadce0;
    --contrast-hover: #3c6371;
    --contrast-inverse: #353535;
    --neutral-light: #dadce0;
    --neutral-dark: #353535;
	--background-color: #dadce0;
	--form-element-background-color: #dadce0;
	--form-element-active-background-color: #dadce0;
}

:root:not([data-theme=light]), [data-theme=dark] {
    --primary: #3c6371;
    --primary-hover: #2a494f;
    --contrast: #dadce0;
    --contrast-hover: #3c6371;
    --contrast-inverse: #353535;
    --neutral-light: #dadce0;
    --neutral-dark: #353535;
	--background-color:#353535;
	--card-background-color:#353535;
}

.logo {
    color: var(--neutral-light);
    background-color: var(--primary);
    box-shadow: -2px -2px 0px 0px var(--neutral-light);
    padding: 0 4px 0 4px;
    font-family: 'Oswald';
    font-size: larger;
}

.logo-xl {
    color: var(--neutral-light);
    background-color: var(--primary);
    box-shadow: -4px -4px 0px 0px var(--neutral-light);
    padding: 0 8px 0 8px;
    font-family: 'Oswald';
    font-size: xxx-large;
	font-weight: 400;
}

.tag-line {
	color: white;
    font-weight: 300;
    margin-top: 1rem;
}

.steps h1 {
	margin-bottom: 0;
}

.mockup img {
	max-height: 550px;
}

.payment-methods img {
	width: 60px;
}

.setup-step {
	border: solid 1px var(--primary);
	border-radius: 15px;
	min-height: 300px;
	margin: 1rem;
	padding: 1rem;
	background-color: var(--primary);
}

.restaurant {
	/* background-color: var(--background-color); */

	background: url('./assets/dark-restaurant.jpg');
	background-position: center;
	background-size: cover;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

@media(min-width: 1200px) {
	body>header {
		--block-spacing-vertical: calc(var(--spacing) * 6);
	}

	.steps {
		padding: 0px 80px;
	}
}

header.container-fluid {
	background: url('./assets/header-bg.jpg');
	background-position: center;
	background-size: cover;
	text-align: center;
	padding-top: 0;
}

.contact-email h5 {
	margin-bottom: 0;
	margin-top: var(--typography-spacing-vertical);
	color: var(--contrast);
}

.post-submit {
	color: var(--contrast);
}

section {
	margin-top: var(--block-spacing-vertical);
}

.center {
	text-align: center;
}