/*
 * Globals
 */


/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
	color: #333;
	text-shadow: none;
	/* Prevent inheritance from `body` */
}


/*
 * Base structure
 */

body {
	text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
	box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

body {
	/* Set the path to your image */
	background-image: url('../images/buns.jpg');

	/* Ensure the image covers the entire body */
	background-size: cover;

	/* Center the image */
	background-position: center;

	/* Prevent the image from tiling/repeating */
	background-repeat: no-repeat;

	/* Fix the background so it doesn't scroll with the content (optional, but nice for covers) */
	background-attachment: fixed;
}

.cover-container {
	max-width: 42em;
}


/*
 * Header
 */

.brandImage {
	width: 30%;
	filter: invert(100%);
}

.nav-masthead .nav-link {
	padding: .25rem 0;
	font-weight: 700;
	color: rgba(255, 255, 255, .5);
	background-color: transparent;
	border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
	border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link+.nav-link {
	margin-left: 1rem;
}

.nav-masthead .active {
	color: #fff;
	border-bottom-color: #fff;
}

.order-box {
	background: rgba(0, 0, 0, 0.4);
	/* black with 40% opacity */
	color: white;
	padding: 20px;
	border-radius: 12px;
	width: fit-content;
	/* optional */
	max-width: 600px;
	/* optional */
}

.order-details {
	text-align: left;
}

.order-formatted {
	white-space: pre;
}

.order-notes {
	font-size: calc(100% - 1px);
	color: #EEE;

}

.order-footer {
	font-style: italic;
	font-size: calc(100% - 2px);
}