@charset "UTF-8";
/* CSS Document */

html, body {
	margin: none;
	background: #fff;
}

/* general */
.border {
	border: solid 1pt #333;
}

/* type */
p {
	font-family: "ff-good-web-pro-wide", Helvetica, Arial, "sans-serif";
	text-decoration:none;
	font-size:13pt;
	color: #000;
	line-height: 21pt;
	margin: none;
}
h1 { 
	color: #000;
	font-family: "museo-slab", "serif";
	text-decoration:none;
	font-size:36px;
	
}

h2 { 
	font-family: "ff-good-web-pro-wide", Helvetica, Arial, "sans-serif";
	padding-left: 5px;
	color: #000;
	font-size:24px;
	font-weight: 700;
}

h3 { 
	color: #000;
	font-family: "ff-good-web-pro-wide", Helvetica, Arial, "sans-serif";
	text-decoration:none;
	font-size:18px;
	font-weight: 700;
	margin: none;
	line-height: auto;
	
}

h4 { 
	font-family: "ff-good-web-pro-wide", Helvetica, Arial, "sans-serif";
	text-decoration:none;
	font-size:15pt;
	color: #000;
	font-weight: 700;
	
}

em {
  color: #000;
}

a {
	text-decoration: none;
	font-style: normal;
	color: #981b1e;
}

/* mouse over link */
a:hover {
    color: #fff;
}

/* selected link */
a:active {
    color: #000;
} 

/* Modifier: `uk-icon-button`
 ========================================================================== */
.uk-icon-button {
  box-sizing: border-box;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #bb5727;
  line-height: 30px;
  color: #fff;
  font-size: 15px;
  text-align: center;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-icon-button:hover,
.uk-icon-button:focus {
  background-color: #fff;
  color: #000;
  /* 2 */
  outline: none;
}
/* Active */
.uk-icon-button:active {
  background-color: #000;
  color: #000;
}

hr {
  /* 1 */
  box-sizing: content-box;
  height: 0;
  /* 2 */
  margin: 15px 0;
  border: 0;
  border-top: 1px solid #fff;
}
.hr2 {
  /* 1 */
  box-sizing: content-box;
  height: 0;
  /* 2 */
  margin: 15px 0;
  border: 0;
  border-top: 1px solid #fff;
}

.uk-button {
	width: 100%;
	margin: 10px;
	height: auto;
}

.uk-panel-box{
	padding: 20px;
}

.uk-navbar-toggle{
    color: #fff;
}

#toggleheader {
	background: #981b1e;
	margin: 0 auto;
	width: 100%;
	height: 100px;
	z-index: 1000;
}

/* header */
header {
	width: 100%;
	max-height: 120px;
	margin: 0 auto;
	/*background:url('../images/patterns/debut_light.png') repeat;*/
	background: #981b1e;
	padding-top: 30px;
	padding-bottom: 20px;
	position: absolute;
	top: 0;
	z-index: 1000;
	border-bottom: solid 2pt #efc935;
}

.headerlogo {
	max-width: 600px;	
	padding-bottom: 10px;
}

/* navigation */
.uk-navbar {
  	background: none;
}

/* Sub-object: `uk-navbar-nav`
 ========================================================================== */
.uk-nav-offcanvas{
	font: "ff-good-web-pro-wide", Helvetica, Arial, "sans-serif";
}

.uk-navbar-nav {
  background: none;
}
/*
 * 1. Create position context for dropdowns
 */
.uk-navbar-nav > li {
  float: left;
  /* 1 */
  position: relative;
}
/*
 * 1. Dimensions
 * 2. Style
 */
.uk-navbar-nav > li > a {
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  /* 1 */
  height: auto;
  padding: 0 25px;
  line-height: 36px;
  /* 2 */
  color: #000;
  font-size: 16px;
  font-family: "ff-good-web-pro-wide", Helvetica, Arial, "sans-serif";
  font-weight: 500;
  text-transform: none;
}
/* Appear not as link */
.uk-navbar-nav > li > a[href='#'] {
  cursor: pointer;
  background: none;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Also apply if dropdown is opened
 * 3. Remove default focus style
 */
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus
/*.uk-navbar-nav > li.uk-open > a,
.uk-navbar-nav > li > a.uk-active*/ {
  background: none;
  color: #efc935;
  /* 3 */
  outline: none;
}


.uk-icon-arrow-down {
	color: #efc935;
	background: #000;
}

.uk-panel-box {
	/*background: #981b1e;*/
    background: #fff;
}

.border {
	border: 1pt solid #981b1e;
}

/* ========================================================================
   Component: Button
 ========================================================================== */

.uk-button {
  /* 1 */
  -webkit-appearance: none;
  /* 2 */
  margin: 0;
  /* 3 */
  border: none;
  /* 4 */
  overflow: visible;
  /* 5 */
  font: inherit;
  color: f1f5d2;
  /* 6 */
  text-transform: none;
  /* 7 */
  display: inline-block;
  box-sizing: border-box;
  padding: 0 12px;
  background: #fff;
  vertical-align: middle;
  /* 8 */
  line-height: 30px;
  /* 9 */
  min-height: 30px;
  /* 10 */
  font-size: 1rem;
  /* 11 */
  text-decoration: none;
  text-align: center;
}
.uk-button:not(:disabled) {
  cursor: pointer;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 * 3. Required for `a` elements
 */
.uk-button:hover,
.uk-button:focus {
  background-color: none;
  color: #000;
  /* 2 */
  outline: none;
  /* 3 */
  text-decoration: none;
}
/* Active */
.uk-button:active,
.uk-button.uk-active {
  color: #000;
}

#about {
	padding: 40px 0;
	/*background: #efc935;*/
	background: #EEEEEE;
	list-style: none;
}

#about p {
	color: #000;
}

#about h1 {
	color: #981b1e;
}

#drivethru{
	padding: 40px 0;
	background: #EEEEEE;
	list-style: none;
    margin-top: 170px;
}

#drivethru h1, #drivethru h2 {
	color: #981b1e;
}

#menu{
	padding: 40px 0;
	background: #EEEEEE;
	list-style: none;
}

#menu h1 {
	color: #981b1e;
}

#menu h2 {
	color: #981b1e;
}

#menu ul li {
	color: #000;
}

#contact {
	padding: 40px 0;
	background: #efc935;
	list-style: none;
}

#contact h1 {
	color: #981b1e;
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 767px) {
		
	#drivethru{
	padding: 40px 0;
	background: #EEEEEE;
	list-style: none;
    margin-top: 100px;
}

}