/*
style.css changes:
replace Raleway font with Quicksand
*/

body {
	background: #eee;
}

p {
	color: #555;
}

.sub-headder h6 a {
	color: #fff;
	text-shadow: 0 0 1px #000, 1px 1px 1.5px #000;
	  border-left: 2px solid #fff;
}


#logo h1 a {
		position: relative;
}

#logo img {
		position: relative;
		display: inline-block;
		vertical-align: top;
		top: -5px;
    height: 54px;
}


nav, nav * {
	z-index: 99;
}

.toggle {
    padding: 2px 7px;
    font-size: 24px;
    background-color: transparent;
}

.banner-right-txt h4, .banner-right-txt h5 {
    text-shadow: 0 0 1px #000, 0 0 1px #000, 2px 2px 3px #000, 0 0 3px #000;
}



.banner-left-side {
	background-image: url(/images/vege_background.jpg);
	min-height: 0;
}

.main-banner {
	padding-top: 3em;
}

.headder-top {
	position: relative;
	background: transparent;
}

label.toggle.toggle-2 {
	border-radius: 0;
	transition: none;
}

.menu li ul {
	background: #ffffffe4;
	box-shadow: 1px 1px 5px black;
}

.menu li ul li a {
			color: #000;
}

.flex-children {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.subheading {
	text-align: center;
	padding-bottom: .4rem;
	margin-top: .4rem;
}

input, textarea, button {
	border-radius: 5px !important;
box-shadow: 2px 2px 2px rgba(0,0,0,.3);
}
.contact-forms input, .contact-forms textarea {
border-right: 1px solid #28a745;
padding-left: 4px;
background: #fff !important;
}

.red {
    color: #c50e1f;
}
.green {
    color: #38c50e;
}
.orange {
    color: #c5760e;
}
.blue {
    color: #0e2dc5;
}
.yellow {
    color: #c0c50e;
}
.purple {
    color: #9c0ec5;
}

h4.subheading {
	font-size: 20px;
}



.contact-forms input, .contact-forms textarea {
	background: #00000007;
}

.preorder-container {
	max-width: 100%;
}


#preorder-form input.numbers-only {
	width: 3em;
	padding: 0 2px 0 0;
	text-align: center;
}

#preorder-form li {
	color: #000;
}
#preorder-form .heading {
	font-weight: bold;
}
#preorder-form li {
	padding: 2px;
	white-space: nowrap;
}
#preorder-form #form-data {
	background: #fff;
}

#preorder-form input.text-input {
	width: 60%;
}
#preorder-form textarea {
	width: 90%;
}

#preorder-form .myform-row {
	padding: .5em;
}

#preorder-form ul {
	background: rgba(0,0,0,.01);
	margin: .25em;
}
#preorder-form li {
	padding: 0 .25em .25em .25em;
}

#preorder-form .list-group-item.disabled, .list-group-item:disabled {
    color: inherit;
	background: transparent;
}

#preorder-form .list-group-item {
	background: transparent;
	border-top: 0;
	border-bottom: 0;
	font-weight: 500;
}
#preorder-form .list-group-item:last-child {
	border-bottom: 1px solid rgba(0,0,0,.125);
}
#preorder-form .list-group-item:first-child {
	border-top: 1px solid rgba(0,0,0,.125);
}

#preorder-form .prefix {
	font-weight: normal;
	font-size: .9rem;
	color: #495057;
}

#paper-order-container1 {
	position: fixed;
	right: 0;
	top: 86px;
	bottom: 75px;
	background: #ddd;
	border: 1px solid #ccc;
	border-radius: 1rem;
	padding: 1rem;
	padding-top: .5rem;
}
#paper-order-container2 {
	position: absolute;
	top: 74px;
	bottom: 10px;
	right: 0;
	background: rgba(0,0,0,.05);
	border: 1px solid rgba(0,0,0,.1);
	width: 98%;
	margin: 0 1%;
	overflow: scroll;
}
#paper-order {
	padding: .5rem;
}



@media(max-width:991px){
	#paper-order-container1, #paper-order-container2 {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		overflow: auto;
	}
}

@media(min-width:769px){
	.menu > li > a {
		color: #fff;
		text-shadow: 1px 1px 1px #000;
		position: relative;
	}

	.menu > li {
		position: relative;
	}

	.menu > li > a:hover {
		color: #fff;
		text-shadow: 2px 2px 1px #000, 2px 2px 1px #000;
		top: -1px;
		left: -1px;
	}
}



@media(max-width:900px){
	.menu > li > a {
		  padding: 8px 12px;
	}

	.menu {
		right: -12px;
	}
}




@media (max-width: 800px) {
	.sub-headder h6 a {
		  left: 80px;
	}
}

@media(max-width:768px){
	label.toggle.toggle-2 {
		color: #000;
		font-weight: 700;
	}

	nav ul ul li a {
		color: #000;
	}

	label.toggle.toggle-2:hover, nav ul li:not(.dropli):hover {
		  border-radius: 4px;
		  background: #f8f9fa;
	}

  [id^=drop]:checked+ul {
		  background: #ffffffaa;
		  padding: 15px 3px;
  }

	nav ul {
		  border-radius: 4px;
		  box-shadow: 1px 1px 5px black;
	}
}

@media(max-width:600px){
	#logo img {
			top: -9px;
	}

	#logo h1 a {
		padding: 0px 5px;
	}

	.sub-headder h6 a {
		left: 73px;
	}

	.banner-right-txt h5 {
		  font-size: 17px;
	}
}

@media(max-width:540px){
	#preorder-form .list-group-item {
		font-size: .8rem;
	}
	#preorder-form .prefix {
		font-size: .7rem;
	}
	#preorder-form ul, #preorder-form ul li, .preorder-container {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
}

@media(max-width:420px){
	#preorder-form .list-group-item {
		font-size: .6rem;
	}
	#preorder-form .prefix {
		font-size: .5rem;
	}
}