/*
Theme Name: Elevation Burger
Theme URI: http://elevationburger.com/elevationburger
Author: French | West | Vaughan - Laurel Streng
Author URI: http://fwv-us.com
Description: Custom Wordpress theme for Elevation Burger company website
Version: 1.0
*/

html {-webkit-font-smoothing: subpixel-antialiased; }
body {font-family: "Lato", Helvetica, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.4; color: #555; background-color: #1e9ed9; }
body.home {font-family: "Oswald", Helvetica, sans-serif; }
.container {padding: 0 0 100px; overflow: visible; }
.row {margin: 0; }
.padding-none {padding: 0; }
.facebook {background: url(images/footer-facebook.png) no-repeat; width: 28px; height: 28px; display: inline-block; }
.bkg-lightBlue {background-color: #1e9ed9; }
.center-img {margin: auto; display: block; }
.menu hr {border: 0; border-bottom: 1em solid #eee; background-color: #eee; }


/******************** */
/**** TYPOGRAPHY **** */
/******************** */
h1, h2, h3, h4, h5, h6, .header {font-weight: 600; text-transform: uppercase; color: #233b7d; font-family: "Oswald", Helvetica, sans-serif;}
a:hover {text-decoration: none;}
.small {font-size: xx-large;}
.header {font-size: 36px; }
.darkBlue {color: #233b7d !important; }
.lightBlue {color: #1e9ed9 !important; }
.text-uppercase {text-transform: uppercase; }


/***************************** */
/***** SOCIAL FONTS/ICONS **** */
/***************************** */
@font-face {font-family: 'eburger-contact'; src: url('fonts/eburger-contact.eot?16824367'); src: url('fonts/eburger-contact.eot?16824367#iefix') format('embedded-opentype'), url('fonts/eburger-contact.woff?16824367') format('woff'), url('fonts/eburger-contact.ttf?16824367') format('truetype'), url('fonts/eburger-contact.svg?16824367#eburger-contact') format('svg'); font-weight: normal; font-style: normal; }
[class^="icon-"],
[class*=" icon-"] {width: auto; }
[class^="icon-"]:before, [class*=" icon-"]:before {font-family: "eburger-contact"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; font-variant: normal; text-transform: none; margin: .5em .25em; }
.icon-twitter:before { content: '\e800'; } /* '' */
.icon-facebook:before { content: '\e801'; } /* '' */
.icon-instagram:before { content: '\e802'; } /* '' */
.icon-mobile:before { content: '\e803'; } /* '' */
.icon-mail:before { content: '\e804'; } /* '' */
#footer-bottom .icon-facebook::before,
#footer-bottom .icon-twitter::before {content:''; }
.list-icon-items li {min-width: 250px; }
.list-icon-items h4 {margin: 1.5em 0 .5em; }
.list-icon-items i {padding: 3em; margin: 0; line-height: normal; height: auto; background-image: none; background-color: #fff; border-radius: 100%; border: #1e9ed9 solid 2px; }
.outline-outward {display: inline-block; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
.outline-outward:before {content: ''; position: absolute; border: #1e9ed9 solid 2px; border-radius: 100%; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; }
.outline-outward:hover:before,
.outline-outward:focus:before,
.outline-outward:active:before {top: -8px; right: -8px; bottom: -8px; left: -8px; }


/***************************** */
/****** BUTTONS & ALERTS ***** */
/***************************** */
.btn-primary {background-color: #233b7d; border-top: 1px solid #122864; border-left: 1px solid #122864; border-right: 1px solid #122864; border-bottom: 3px solid #122864; }
.btn-primary:hover {background-color: #122864; border-color: #122864; }
.btn-info,
.btn-default {background-color: #5bc0de; border-top: 1px solid #2994b4; border-left: 1px solid #2994b4; border-right: 1px solid #2994b4; border-bottom: 3px solid #2994b4; }
.btn-info:hover,
.btn-default:hover {color: #fff; background-color: #39b3d7; border-color: #269abc; }
.btn-blue-hightlight {-moz-box-shadow: 0px 0px 30px 3px #56c6f2; -webkit-box-shadow: 0px 0px 30px 3px #56c6f2; box-shadow: 0px 0px 30px 3px #56c6f2; }
.alert-info,
.alert-success,
.alert-warning,
.alert-danger {font-size: small; }
.alert-info {background-color: #233b7d; color: #fff; }
.alert-info .alert-link {color: #fff; opacity: .5; }
.default {background-color: transparent; color: #233b7d; border: none; }
.default h4 {margin: 0; }
.default p {color: #5bc0de; }


/******************************** */
/****** ADDITIONAL ELEMENTS ***** */
/******************************** */
.tab_wrap {margin: 2em 0; }
.tab-pane {padding: 1em; }
.panel-title {color: #233b7d; }
.panel-title a:hover {color: #122864; text-decoration: none; }
.lead {font-weight: normal; margin: 1em 0; }


/***************************** */
/****** HEADER & FOOTER ****** */
/***************************** */
nav.navbar .container {padding:0; }
.navbar-default .navbar-toggle {z-index: 200; }
.navbar-default .navbar-collapse {border: none; }
nav.navbar.navbar-default {background-color: #ffffff; border: none; border-radius: 0; margin: 0; z-index: 100; text-transform: uppercase; font-family: "Oswald", Helvetica, sans-serif; }
nav.navbar.navbar-default a {color: #233b7d; }
nav.navbar.navbar-default a:hover,
#footer a:hover {color: #3b58a7; text-decoration: none; }
nav.navbar a.navbar-brand {background: url(images/elevationburger-logo.png) no-repeat top center; background-size: 135px; width:100%; height: 135px; text-indent: -9999px; margin: -40px 0 -65px; display:block; }
nav.navbar ul#primaryNav {margin: 0 0 1em; padding-top: 5em; font-weight: 600; }
nav.navbar.navbar-default a.btn {color: #ffffff; }
.sub-menu li {margin-bottom: 10px; list-style: none; }
.sub-menu li:last-child {margin-bottom: 0; }
.sub-menu a  {color: #999; text-decoration: none; }
.sub-menu a:hover  {color: #fff; }

/* Toggle */
.navbar-default .navbar-toggle {border: none; }
.navbar-default .navbar-toggle .icon-bar {width: 28px; }
.navbar-default .navbar-toggle .top {background-color: #d7913f; height: 12px; border-radius: 5px 5px 0 0; }
.navbar-default .navbar-toggle .middle {background-color: #711d0f; height: 8px; border-radius: 5px; margin-top: 1px; }
.navbar-default .navbar-toggle .bottom {background-color: #d7913f; height: 8px; border-radius: 0 0 5px 5px; margin-top: 1px; }
#footer,
#footer a {text-transform: none !important; font-family: 'Lato', Helvetica, sans-serif; font-weight: 300; color: #fff; }
#footer {background: url(images/footer-mountains.png) no-repeat top center; background-size: cover; min-height: 400px; padding: 3em 0 0; }

.tab-pane {padding: 0 !important; }
.nav-tabs {border-bottom: none; }
.nav-tabs li {float: none; }
.nav-tabs li a {background-color: #233b7d; text-transform: uppercase; font-family: "Oswald", Helvetica, sans-serif; }
.nav-tabs>li>a:hover {background-color: #122864; border-color: #122864; }

.owl-carousel .owl-item img {border: 2px solid #999; margin: auto; width: 95% !important;}



/****************************** */
/****** ORDER ONLINE BTN ****** */
/****************************** */
.menu-order-online-container { display: none; }
#popup-wrapper { background: rgba(0,42,72, .95); display: none; height: 100%; overflow-y: scroll; position: fixed; top: 0; width: 100%; z-index: 100; }
#popup { font-family: "Oswald", Helvetica, sans-serif; display: block; margin: 0 auto; padding: 120px 20px; position: relative; width: auto; }
#menu-order-online { columns: initial; -webkit-columns: initial; -moz-columns: initial; }
#menu-order-online li { list-style-type: none; }
#menu-order-online li a { color: #fff; }
#menu-order-online li:first-of-type a { background: url(images/button-remove.png) no-repeat center right; border-bottom: 1px solid #fff; display: block; font-size: 30px; position: absolute; top: 50px; width: 62%; }


/******************** */
/***** HOME PAGE **** */
/******************** */
.home,
.home a {color: #ffffff; text-transform: uppercase; }
.home {background-color: #ffffff; }
.jumbotron {margin: 0; padding: 4.5em 0; }
.jumbotron .container {padding: 1em 0; }
.jumbotron p {margin: 1em 0 2em; line-height: 1.6em; max-width: 600px; }
.jumbotron .col-lg-9 {background-color: rgba(0,0,0,.5); padding: .15em 1.5em 1.5em; }
.section {height: 600px; }
.section h1 {margin: 0; font-size: 3em; color: #fff; }
.section p {font-size: 28px; font-weight: 300; }
.section .vertical-align-wrap {position:absolute; width: 100%; height: 100%; display: table; padding:0 0 5em; }
.section .vertical-align {display: table-cell; }
.section .vertical-align-bottom {vertical-align: bottom; float: none; padding-bottom: 15%; }
#section2 {text-shadow: 0 0 20px #333;}
#section3 h1 {color:#fff; }
#section3,
#section4 {padding: 2em 0; }
#section3 h1,
#section4 h1 {margin-top: 0; }
#section3,
#footer {background-color: #1e9ed9; }
#section3 .map {border: 1em solid #a5d8f0; background: url(images/widget-washington.png) no-repeat center center; padding: 3em 1em; }
#section3 .map h1 {color: #233b7d; }
#section3 #widget-left h1 {font-size:2.6em; }
#section3 #widget-left h1>span {display: block; font-size: 2em; }
#section3 #widget-right p {background-color: rgba(0,0,0,.25); font-weight: 300; padding: .5em .75em; }
#section4,
#section4 .social a {color: #233b7d; }
#section4 {background-color: #fff; }
#section4 .social a {font-size: 2.5em; }



/************************* */
/***** INTERNAL PAGES **** */
/************************* */
.banner {z-index: 1; position: relative; margin-top: 5em; }
.banner img {margin: auto; display: block; width: 100%; }
.margin {margin: 15em auto 0; }
.wrapper-white {background-color:#fff; margin: 0 auto; z-index: 50; position: relative; border-top: 2px solid #233b7d; }

/* MENU PAGE */
.menu h2 {color: #1e9ed9; font-size: 26px; }
ul.menu-items li {overflow: auto; padding: 1.5em 0 1.5em 7em; position: relative; min-height: 55; }
ul.menu-items li h3 {margin: 0; }
ul.menu-items li h3 > .calories,
ul.menu-items li h4 > .calories {color: #5bc0de; font-size: small; display: block; margin: .25em 0; }
ul.menu-items li img {position: absolute; top: 0; left: 0; margin: 0; }
ul.toppings,
ul.shakes-sides {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-rule: 1px outset #ddd; -moz-column-rule: 1px outset #ddd; column-rule: 1px outset #ddd; -webkit-column-gap: 5em; -moz-column-gap: 5em; column-gap: 5em; }

/* PHILOSOPHY PAGE */
.clouds .wrapper-white {background:#e3f0f7 url(images/clouds.png) top center repeat-x; }
.clouds .wrapper-white .container {padding:5em 0; }
.cards {margin-top: 1em; }
.card {padding:0 1em 1em 0; width:100%; }
.card h1,
.card p {color: #fff; }
.card h1 {font-size: 28px; margin: 15px 20px;}
.card img {height: auto; width: 100%; max-width: 200px; padding: 10% 0; }
/* FIRST ROW ODD CARDS + SECOND ROW EVEN CARDS */
.row:nth-of-type(odd) .card:nth-of-type(odd) .front,
.row:nth-of-type(even) .card:nth-of-type(even) .front,
.row:nth-of-type(odd) .card:nth-of-type(odd) .back,
.row:nth-of-type(even) .card:nth-of-type(even) .back {background-color: rgba(94,118,50,0.9); border: 1em double #a6cb65; }
/* FIRST ROW EVEN CARDS + SECOND ROW ODD CARDS */
.row:nth-of-type(odd) .card:nth-of-type(even) .front,
.row:nth-of-type(even) .card:nth-of-type(odd) .front,
.row:nth-of-type(odd) .card:nth-of-type(even) .back,
.row:nth-of-type(even) .card:nth-of-type(odd) .back {background-color: rgba(120,151,64,0.9); border: 1em double #5c7737; }
.flip-container {-webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; }
.flip-container:hover .back, .flip-container.hover .back {-webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }
.flip-container:hover .front,
.flip-container.hover .front {-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.flip-container,
.front,
.back {width: 320px; height: 427px; }
.flipper {-webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -ms-transition: 0.6s; -moz-transition: 0.6s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; position: relative; }
.front,
.back {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -o-transition: 0.6s; -o-transform-style: preserve-3d; -ms-transition: 0.6s; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; position: absolute; top: 0; left: 0; padding: 5% 0; }
.front {-webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); background: lightgreen; z-index: 2; }
.back {background: lightblue; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.front .name {font-size: 2em; display: inline-block; background: rgba(33, 33, 33, 0.9); color: #f8f8f8; font-family: Courier; padding: 5px 10px; border-radius: 5px; bottom: 60px; left: 25%; position: absolute; text-shadow: 0.1em 0.1em 0.05em #333; display: none; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); }
.back-logo {position: absolute; top: 40px; left: 90px; width: 160px; height: 117px; background: url(logo.png) 0 0 no-repeat; }
.back-title {font-weight: bold; color: #00304a; position: absolute; top: 180px; left: 0; right: 0; text-align: center; text-shadow: 0.1em 0.1em 0.05em #acd7e5; font-family: Courier; font-size: 2em; }
.back p {padding: 0 10px; }
.vertical.flip-container {position: relative; }
.vertical .back {-webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); }
.vertical.flip-container .flipper {-webkit-transform-origin: 100% 213.5px; -moz-transform-origin: 100% 213.5px; -ms-transform-origin: 100% 213.5px; transform-origin: 100% 213.5px; }

/* Locations Page */
.page-content h1 {padding: 2em 1em 0;}
.mpfy-tooltip .inner-wrap {display: none !important; }
.fancybox-opened,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.mpfy-pin-popup,
.side-full-width {max-width: 400px; max-height: 300px; }
.storelocations li {display: block; }
.storelocations .header {margin-top: 1em; background-color: #233b7d; color:#fff; padding:0 .25em; }
.storelocations .map-location {padding: 20px; overflow: auto !important; }
.storelocations h1 {font-weight: 300; font-size: 26px; margin-top: 0; }
.storelocations .facebook,
.storelocations .btn-primary,
.mpfy-pin-popup .facebook,
.mpfy-pin-popup .btn-primary {margin-top: 10px; }
.storelocations .map-location:nth-of-type(odd) {background-color: #eee; }
.storelocations .map-location:nth-of-type(even) {background-color: #f9f9f9; }
/*.mpfy-controls {height: auto !important; }
.mpfy-controls .select,
.mpfy_tag_select {width: 200px; }
.mpfy-controls-inner p {color:#fff; display: inline-block; margin: 5px 0; }
.mpfy-pin-popup .nfo p {font-size: inherit !important; padding: 0 !important; }
.mpfy-pin-popup .nfo a {color: #fff !important; text-decoration: none !important; }
.mpfy-controls .select select {width: 100% !important;}*/

/************************* */
/***** QUOTES **** */
/************************* */
.quotes-header {background: url(images/quotes-farm.png) no-repeat top center; height: 125px;}
.quotes-container {color: #fff; background-color: #7a9c47;}
.quotes-container .container {padding: 1em 0 4em;}
.quotes-container h1 {color: #fff;}
.quotes-container p:first-child:before,
.quotes-container p:first-child:after {content: '"';}
.quotes-container a,
.quotes-container h4 {color: #dff3bf; margin: 0;}
.quotes-container .carousel-inner>.item {height:100%; min-height: 100px;}
.quotes-container .carousel-caption {position: relative; padding: 0 1em; margin: 2em auto; width: 75%; float: none; bottom: inherit; left: inherit; right: inherit; text-shadow:none;}
.quotes-container .carousel-caption p:first-child { font-size: 20px; }
.quotes-container .carousel-caption img { margin-top: 5px; max-width: 175px; }
.quotes-container .carousel-control.left,
.quotes-container .carousel-control.right {background-image: none;}
.quotes-container .carousel-control {font-size: 5em; text-shadow: none;}


/************************* */
/***** BLOG & POSTS **** */
/************************* */
.single .page-header {border-bottom: .5em solid #eee; margin: 40px 0; padding: 0 0 20px; }
.single .page-header h1 {margin: .75em 0; }
.single .page-header .date {font-style: italic; font-size: .75em; color: #939393; }

.blog .wrapper-white,
.archive .wrapper-white {background-color: #f6f6f7;}
.post {background-color: #fff; padding: 1em; margin: 1em 0;}
.post h2 {padding-bottom: .5em;}
.post a {color: #233b7d;}
.post .sub-header,
.post .category a,
.post .date {color: #333; font-family: "Oswald", Helvetica, sans-serif; font-size: .85em; text-transform: uppercase; margin-top: 1em; padding: 1em 0;}
.post .sub-header {border-top: 1px solid #eee;}
.post .category,
.post .date {padding-right: .5em; color: #999;}
.post .read-more {display: block; padding: 1em 0;}
.post .content-more {display: none;}
.featured-img-full img {width: 100%; height: auto;}

/************************* */
/***** SIDEBARS **** */
/************************* */
.sidebar {margin-top: 40px; }
.blog .widget {font-size: .9em; margin: 10px 0 30px; padding: 1em; background-color: #fff; }
.blog .widget h3 {border-bottom: 2px solid #eee; padding-bottom: .25em; margin-top: 0; }
.widget ul {list-style-type: none; padding: 0; }
.widget .form-group {margin: 0;}
#searchform input[type="text"],
#searchform input[type="submit"] {display: inline-block; }
#searchform input[type="submit"] {display: none; }
#searchform .search {padding: 6px 15px 6px 30px; background: url(images/sidebar-search.png) no-repeat 8px 8px; }


/***************************** */
/***** FORMS & PAGINATION **** */
/***************************** */
.required {color: red; padding-right: .25em; }
#ninja_forms_field_3_div_wrap,
.textarea-wrap {width: 100%; }
.post-pagination a,
.post-pagination h5 {color: #999; font-weight: normal; line-height: normal; }
.post-pagination a {font-size: .85em; }
.post-pagination:hover {text-decoration: none;}
.prev-post,
.next-post {width: 50%; }
.prev-post {float: left; }
.next-post {float: right; }
.prev-post a {display: inline-block;}
.prev-post i,
.next-post i {font-size: 3.5em; color: #999; padding: 0 .15em;}
.prev-post i {float: left;}
.next-post i {float: right;}
.prev-link,
.next-link {display: inline-block; width: 75%;}

#relatedposts h3 {font-size: 24px; margin: 10px 0px 20px 0px; font-weight: normal;}
#relatedposts h4 {font-size: 16px;}
#relatedposts ul {list-style: none; padding: 0;}
#relatedposts ul li {float: left; margin-right: 15px; width: 206px;}
#relatedposts img {border: 1px solid #DDD; background: #F8F8F8; padding: 5px; margin-bottom: 5px;}
#relatedposts a:hover {color: #51B1D3;}

.breadcrumb {font-size: .8em; border: 1px solid #f5f5f5; background-color: #fff; margin: 20px 0 0;}
.breadcrumb a {color: #999;}
.breadcrumb li:last-child {color: #428bca;}

/***************** */
/***** MODALS **** */
/***************** */
.modal-backdrop {background-color: #233b7d; }


/******************** */
/**** LOGIN PAGE **** */
/******************** */
.login {padding: 0 0 5%; }
.tml-action-links {list-style-type: none; padding: 0; }



/************************** */
/**** VARIABLES COMMON **** */
/************************** */
body {
  overflow-y: scroll; }

.bb-app {
	margin-top: 50px;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase; }
  .bb-app * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .bb-app a {
    color: #233b7d;
    text-decoration: none; }
  .bb-app img {
    max-width: 100%; }

/************************* */
/******* ANIMATIONS ****** */
/************************* */
.fade-animate.ng-enter, .fade-animate.ng-leave {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in; }

.fade-animate.ng-enter, .fade-animate.ng-leave.ng-leave-active {
  opacity: 0; }

.fade-animate.ng-leave, .fade-animate.ng-enter.ng-enter-active {
  opacity: 1; }

.fade-animate {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  opacity: 1; }

.fade-animate.ng-hide {
  opacity: 0; }

.fade-animate.ng-hide-add, .ng-hide-remove {
  display: block !important; }
.animated,
.fadeInDown {
	overflow: visible;
}

/************************* */
/******** MODULES ******** */
/************************* */
#build-burger-header img { margin-left: 150px; }
#build-burger .wrapper-white { background: url(images/background-build-burger.jpg) no-repeat top center; background-color: #69883b; }
.bb-debug {
  font-family: monospace;
  background: #ccc;
  padding: 1em; }

.bb-title {
  background: #233b7d;
  color: #fff;
  font-size: 0.9em;
  height: 2em;
  line-height: 2em;
  margin: 0;
  padding: 0 0.5em; }

.bb-title-link {
  border: 1px solid #3d65c9;
  border-right-color: #0d162d;
  border-bottom-color: #0d162d;
  padding: 0; }
  .bb-title-link a {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    display: block;
    padding: 0 0.5em; }

.bb-headline {
  color: #1e9ed9;
  font-size: 1.7em;
  margin: 0.5em 0; }

.bb-app .bg-white {
  background-color: #fff; }
.bb-app .pad-sides {
  padding: 0.8em; }
.bb-app .pad-sides-more {
  padding: 1em 2.5em; }
.bb-app .text-center {
  text-align: center; }
.bb-app .margin-top {
  margin-top: 0.75em; }
.bb-app .relative {
  position: relative; }
.bb-app .clearboth {
  clear: both; }

/************************* */
/******** BURGERS ******** */
/************************* */
.bb-select {
/*  position: absolute;
*/  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  width: 100%; }

.bb-select-inner {
  max-width: 700px;
  margin: 0 auto; }

.bb-burger {
  -webkit-transition: background 0.1s ease-out;
  -moz-transition: background 0.1s ease-out;
  transition: background 0.1s ease-out;
  position: relative;
  margin: 0;
  display: inline-block;
  vertical-align: bottom;
  width: 25%;
  height: 210px;
  font-size: 0.8em;
  text-align: center; }
  .bb-burger:hover {
    background: #ececec; }

    .bb-burger-name {
      display: block;
      min-height: 4em; }


.bb-burger-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1em 0.5em;
  width: 100%; }

/************************* */
/******* EXPLODED ******* */
/************************* */
.bb-exploded {
  float: left;
  margin-left: 10%;
  margin-top: 3em;
  max-width: 200px; }

.bb-exploded-ingredient {
  position: relative;
  line-height: 0;
  height: 0; }
  .bb-exploded-ingredient img {
    -webkit-transition: margin-top 0.1s ease-in-out, max-height 0.5s ease-out, margin-left 0.3s ease-out;
    -moz-transition: margin-top 0.1s ease-in-out, max-height 0.5s ease-out, margin-left 0.3s ease-out;
    transition: margin-top 0.1s ease-in-out, max-height 0.5s ease-out, margin-left 0.3s ease-out;
    max-height: 0;
    margin-left: -200%; }
  .bb-exploded-ingredient.selected {
    height: auto; }
    .bb-exploded-ingredient.selected img {
      max-height: 200px;
      margin-left: 0;
      height: auto; }

.exploded .bb-exploded-ingredient img {
  margin-top: 0 !important; }

@media only screen and (max-width: 650px) {
  .bb-exploded {
    float: none;
    margin-left: auto;
    margin-right: auto; } }

/************************* */
/********* ALERT ********* */
/************************* */
.bb-alert {
  float: right;
  margin-right: 10%;
  max-width: 560px;
  margin-bottom: 1em;
  height: 4em;
  position: absolute;
  top: -150px;
  right: 0;
}
  .bb-alert .bb-alert-message {
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: #fff;
    font-size: 0.9em;
    line-height: 1.2;
    padding: 1.5em;
    margin: 0;
    width: 500px; }

@media only screen and (max-width: 650px) {
  .bb-alert {
    float: none;
    margin-left: auto;
    margin-right: auto; } }

/************************* */
/******** SIDEBAR ******** */
/************************* */
.bb-sidebar {
  float: right;
  margin-right: 10%;
  max-width: 280px;
  margin-bottom: 1em;
  clear: right; }

@media only screen and (max-width: 650px) {
  .bb-sidebar {
    float: none;
    margin-left: auto;
    margin-right: auto; } }

/************************* */
/****** INGREDIENTS ****** */
/************************* */
.bb-ingredients-select {
  display: block;
  background: url(images/checkbox.png) no-repeat 5px center;
  padding-left: 2.5em;
  line-height: 1.5em;
  font-size: 0.8em;
  margin: 0.25em 0; }
  .bb-ingredients-select.selected {
    background-image: url(images/checkbox-checked.png); }

.bb-patty-picker > a {
  max-width: 48%;
  display: inline-block; }

.bb-add-patty {
  background-image: url(images/button-add.png); }

.bb-remove-patty {
  background-image: url(images/button-remove.png); }

/************************* */
/******** SOCIAL ******** */
/************************* */
.bb-social-left {
  float: left;
  width: 65%;
  font-size: 0.7em; }

.bb-social-right {
  float: left;
  width: 34%;
  font-size: 0.65em; }





/************************* */
/**** MAX-WIDTH 768px **** */
/************************* */
@media (max-width: 768px) {

}

/************************* */
/**** MIN-WIDTH 768px **** */
/************************* */
@media (min-width: 768px) {
  /**************/
  /* NAVIGATION */
  /**************/
  nav.navbar a.navbar-brand {width: 135px; margin: 10px 0 -70px; }
  nav.navbar ul#primaryNav {font-size: .9em; margin: 2em 0 0 .5em; padding: 0; }
  nav.navbar ul#primaryNav a {border-right: 2px solid #233b7d; padding: 0 1em; }
  nav.navbar ul#primaryNav li:last-child a {border-right: none; }
  nav.navbar .btn-lg {margin-top: -5px; }
  .sub-menu {display: none; background: #fff; position: absolute; padding: 10px 15px; width: 200px; text-align: left; }
  li:hover .sub-menu {display: block; }
  .jumbotron {min-height: 800px; }
  .jumbotron .container {padding: 0 0 5em; }
  .jumbotron .col-lg-9 {padding: 0 0 0 4em; background-color: transparent; } .hungry {background: url(images/hungry.png) no-repeat 0px 25px; text-align: right; position: absolute; left: -20px; width: 225px; height: 115px; }
  .section {height: 600px; }
  .section .vertical-align-bottom {padding-bottom: 1%; }
  #section4 .line-break-meta,
  #section4 .line-break {position:relative; top: 0; left: 0; margin: 2em 0; font-size: .8em; }
  #section4 .line-break-meta {border-top:.5em solid #233b7d; }
  #section4 .line-break {background-color: #ffffff; top: -1.15em; padding: 0 0.5em; margin: 0 2em; display: inline-block; }
  #section4 .line-break h1 {margin-top: -10px; }
  #section4 .social a {font-size: 2em; }
  .nav-tabs {margin-top: -2.75em; }
  .nav-tabs li {display: inline-block; }
  ul.menu-items li img {max-height: 100px; }
  .banner {margin-top: 0; }
  .card {width: 45%; }
  .storelocations .map-location {width: 48%; display: inline-block; min-height: 300px; overflow: overlay; }
  .mpfy-p-widget-direction {position: relative !important; right: inherit !important; width: inherit !important;}
  #popup { padding: 120px 0 0; width: 500px; }
  #menu-order-online { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
  #popup-wrapper {overflow-y: auto;}
  #menu-order-online li:first-of-type a {width: 100%;}
}

/************************* */
/**** MIN-WIDTH 992px **** */
/************************* */
@media (min-width: 992px) {
  nav.navbar ul#primaryNav {font-size: 1em; margin: 1.5em 0 0 1em; }
  #footer .social {text-align: right;}
  .page .content .title>span {display: inline-block;}
  ul.menu-items li img {max-height: 100px;}
  ul.menu-items li {min-height: 55px;}
  ul.toppings,
  ul.shakes-sides {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-rule: 1px outset #ddd; -moz-column-rule: 1px outset #ddd; column-rule: 1px outset #ddd; -webkit-column-gap: 5em; -moz-column-gap: 5em; column-gap: 5em;}
  .card {width: 33%;}
  .page-content h1 {padding: 1em 0 0;}
  .mpfy-controls {height: 44px !important; }
  .storelocations .map-location {width: 33%; display: inline-block; min-height: 300px; overflow: overlay;}
  .mpfy-p-holder {left: 45%; top: 100px;}
  .post .read-more {float: right; padding: inherit;}
}

/************************** */
/**** MIN-WIDTH 1200px **** */
/************************** */
@media only screen and (max-width: 1280px) {
	.mpfy-p-popup-style-two {
		max-width: 556px !important;
	}
}
@media (min-width: 1200px) {
  .container-fluid {width: 1170px;}
  nav.navbar ul#primaryNav {font-size: 16px;}
  #section4 .line-break-meta,
  #section4 .line-break {font-size: .9em;}
  #section4 .social a {font-size: 2.5em;}
  .border-right {border-right: 1px solid #ddd;}
  .banner img {width: auto;}
  .blog .banner img,
  .single .banner img {padding:0;}
  ul.menu-items li {min-height: 55px;}
  ul.menu-items li h3 > .calories,
  ul.menu-items li h4 > .calories,
  .alert .calories,
  span.calories {display: inline-block; margin: 0;}
  ul.menu-items li img {max-height: 85px;}
}