/* General Styles */

body {
  font-family: Verdana, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

a:link    {color:#ad681a; text-decoration: none;}
a:visited {color:#af8654; text-decoration: none;}
a:hover   {text-decoration: underline;}

.contain-to-grid { background: #af8654; }

img           { border:0; }
img.border    { border: 1px black solid; }
   .imgleft   { float: left; padding-right: 2rem; padding-top: 0.5rem; }
   .imgright  { float: right; padding-left: 2rem; }
   .imgcenter { text-align: center; padding-top: 1rem; padding-bottom: 1.5rem; }
   .imgtop    { text-align: center; padding-top: 0; padding-bottom: 0.5rem; }

@media print {
  a[href]:after {
    content: none !important;
  }
}

/* Typography */

h1, h2, h3, h4, h5, h6 {
  color: #222222;
  font-family: Georgia, "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  margin-bottom: 0.7rem; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  color: #6f6f6f;
  font-size: 50%; }

h1 { font-size: 1.6875rem; }

h2 { font-size: 1.375rem; }
h2.subheader { margin-top: 1.5rem; }
h2.subheader-black { color:#6f6f6f; margin-top: 2.5rem; }
h2.subheader-second { color:#6f6f6f; margin-top: 2.5rem; }

h4 { font-size: 1.125rem; }

.smaller { font-size: smaller; }

.muted { color: #777; }

p.recipeintro { font-style: italic; font-family: Georgia, serif; }
p.recipeoutro { font-size: 90%; color: #222; text-indent:1.5rem; }
p.noinstructions { font-style: italic; font-size: 90%; color: #222; text-indent:1.5rem; }
p.indent { color: #222; text-indent:1.5rem; }

/* Header */

.header { background-color:#af8654; }

.border {
  margin-top:-0.7em;
  text-align: center;
  height:118px;
  width:100%;
  background-image:url("../img/border.gif");
  background-repeat:repeat-x;
  background-position:0 10px; }

.border-small {
  text-align: center;
  height:50px;
  width:100%; }

/* Top Nav */

.top-bar { background: #af8654; }

  .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
    color: #222;}

  .top-bar .toggle-topbar a { color: #222;}
  .top-bar .toggle-topbar.menu-icon a { color: #222;}
  .top-bar .toggle-topbar.menu-icon a span::after {
    box-shadow: 0 0 0 1px #222, 0 7px 0 1px #222, 0 14px 0 1px #222;}

  .top-bar.expanded .title-area { background: #af8654; }
  .top-bar.expanded .toggle-topbar a { color: #888888; }

  .top-bar-section ul li { background: #af8654; }
  .top-bar-section ul li > a { color: #222;}
  .top-bar-section ul li > a.button { color: #222; }
  .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { color: #222; }
  .top-bar-section ul li > a.button.secondary { color: #af8654; }
  .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
    color: #af8654; }
  .top-bar-section ul li > a.button.success { color: #222; }
  .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
    color: #222; }
  .top-bar-section ul li > a.button.alert { color: #222; }
  .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
    color: #222; }
  .top-bar-section ul li > a.button.warning { color: #222; }
  .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
    color: #222; }
  .top-bar-section ul li > a.button.info { color: #af8654; }
  .top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
    color: #222; }
  .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
    color: #222; }
  .top-bar-section ul li > button.secondary { color: #af8654; }
  .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
    color: #af8654; }
  .top-bar-section ul li > button.success { color: #222; }
  .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
    color: #222; }
  .top-bar-section ul li > button.alert { color: #222; }
  .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
    color: #222; }
  .top-bar-section ul li > button.warning { color: #222; }
  .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
    color: #222; }
  .top-bar-section ul li > button.info { color: #af8654; }
  .top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
    color: #222; }
  .top-bar-section ul li:hover:not(.has-form) > a {
    color: #222;
    background: #c7ab88; }
  .top-bar-section ul li.active > a { color: #222; }
  .top-bar-section ul li.active > a:hover { color: #222; }

  .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
    color: #222;
    display: block; }
  .top-bar-section .dropdown label { color: #000;}

@media only screen and (min-width: 40.0625em) {
  .top-bar { background: #af8654;}
  .top-bar.expanded { background: #af8654; }

  .top-bar-section li.hover > a:not(.button) { color: #222; }
  .top-bar-section li:not(.has-form) a:not(.button) { background: #af8654;}
  .top-bar-section li:not(.has-form) a:not(.button):hover { background: #c7ab88; }
  .top-bar-section li.active:not(.has-form) a:not(.button) { color: #222;}
  .top-bar-section li.active:not(.has-form) a:not(.button):hover { color: #222; }
  .top-bar-section .dropdown li a {
    background: #af8654;
    color: #222;}
  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: #af8654;
    color: #222; }
  .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
    color: #222;
    background: #c7ab88; }
  .top-bar-section .dropdown li label {
    background: #af8654;
    white-space: nowrap; }
  .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
    border-right: solid 1px #4e4e4e;}
  .top-bar-section .has-form { background: #af8654;}

  .no-js .top-bar-section ul li:hover > a {
    background-color: #555555;
    background: #c7ab88;
    color: #222; }
  .no-js .top-bar-section ul li:active > a { color: #222; }
}

  .f-dropdown.content {
    background: #af8654;
    border: solid 1px #000;
    font-size: 0.875rem; }

input[type="search"] {
  border-color: #222;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75); }
  input[type="search"]:focus {
    background: #fafafa;
    border-color: #222;
    outline: none; }

.name .logo {
  position: relative;
  z-index: 10000; }

.breadcrumbs {
  padding: 0.5625rem 0 0.5625rem;
  background-color: #fff;
  border-color: white;
  margin-bottom: 20px; }
    .breadcrumbs a:hover {
      text-decoration: none;
      font-weight:bold; }
    .breadcrumbs > *:before {
      color: #AAAAAA;
      content: "\203A";
      margin: 0 0.3rem;
      position:relative;
      top:-1px;}

/* Main Content */

#maincontent {
    background: #fff;
    min-height: 72vh;
 }

ul.bullet {
  list-style-type: circle;
  padding-left: 1.5rem;
  font-size: 90%; }
  ul.bullet li { margin-bottom: 0.5rem; }

ul.plain {
  list-style-type: none;
  font-size: 90%; }
  ul.plain li { margin-bottom: 0.5rem; }

ul.ingredients {
  list-style-type: circle;
  padding-left: 1.5rem;
  font-size: 90%; }
  ul.ingredients li { margin-bottom: 0.5rem; }
ul.ingredientsnested {
  list-style-type: circle;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  font-size: 100%; }
  ul.ingredientsnested li { margin-bottom: 0.5rem; }

ul.cookbooks {
  list-style-type: none;
  font-size: 90%; }
  ul.cookbooks li { margin-bottom: 0.5rem; }

ul.dinnermenu {
  list-style-type: circle;
  padding-left: 1.5rem;
  font-size: 90%; }
  ul.dinnermenu li { margin-bottom: 0.5rem; }

ul.toc {
  list-style-type: none;
  font-size: 90%; }
  ul.toc li { margin-bottom: 0.875rem; }

ul.maintoc {
  list-style-type: none;
  padding-left: 1.5rem;
  font-size: 90%; }
  ul.maintoc li { margin-bottom: 0.5rem; }
ul.subtoc {
  list-style-type: none;
  padding-left: 1.5rem;
  font-size: 100%; }
  ul.subtoc li { margin-bottom: 0.5rem; }

ol.instructions {
  padding-left: 1.5rem;
  font-size: 90%; }
  ol.instructions li { margin-bottom: 1rem; }

dl.listing dt {
  margin-bottom: 0.1rem;
  font-weight: normal;
  font-size: 0.875rem; }
dl.listing dd {
  text-indent: 2rem;
  font-size: 0.75rem;
  font-style: normal;
  color: #555; }

.footnotes dl {
  font-size: smaller;
  padding-left: 1.5rem; }
  .footnotes dl dd {
    padding-left: 1.5rem;
    list-style-position: inside; }

.source, .cookbook, .nutrition {
  padding-left: 1.5rem;
  font-size: 90%; }

table {
  width: 100%;
}

/*Pagination*/

ul.pagination li a, ul.pagination li button {
  color: #ad681a; }
ul.pagination li:hover a, ul.pagination li a:focus, ul.pagination li:hover button, ul.pagination li button:focus {
  background: #ad681a;
  color: #fff; }
ul.pagination li.unavailable a, ul.pagination li.unavailable button {
  color: #999; }
ul.pagination li.current a, ul.pagination li.current button {
  background: #ad681a;
  color: #fff; }
ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
  background: #c7ab88; }

/* Side Nav */

.side-nav {
  margin: 0;
  padding: 0 0; }
  .side-nav li {
    font-size: smaller;
    font-weight: normal;
    margin: 0 0 0.4375rem 0; }
  .side-nav li a:not(.button) {
      color: #ad681a;
      display: block;
      margin: 0;
      padding: 0.4375rem 0.875rem; }
  .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
        background: rgba(0, 0, 0, 0.025);
        color: #ad681a; }
  .side-nav li a:not(.button):active { color: #ad681a; }
  .side-nav li.active > a:first-child:not(.button) {
      color: #ad681a;
      font-weight: normal; }
  .side-nav a:hover {text-decoration: none;}
    .side-nav li.heading {
      color: #777;
      font-size: 0.875rem;
      font-weight: normal;
      text-transform: uppercase; }

/* Footer */

.footer {
  background-color:#af8654;
  font-size: 80%;
  padding:20px;
  border-top:2px black solid; }

.footer a {
  color:#222;
  font-weight:bold;
  }

.bottomad { padding:20px; }



/* Off Canvas Menu */

.tab-bar {
  background: #af8654;
  color: #222;}

  .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
    color: #222;
    font-weight: normal;}

.right-small {
  border-left: solid 1px #1a1a1a;}

.tab-bar .menu-icon {
  color: #222;}
  .tab-bar .menu-icon span::after {
    box-shadow: 0 0 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000;
}
  .tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }

.right-off-canvas-menu {
  background: #af8654;
}

  ul.off-canvas-list li label {
    background: #9f794a;
    border-top: 1px solid #262626;
    color: #222;
    font-weight: normal;
}
  ul.off-canvas-list li a {
    border-bottom: 1px solid #262626;
    color: rgba(255, 255, 255, 0.7);
}
    ul.off-canvas-list li a:hover {
      background: #c7ab88;
      text-decoration:none; }
    ul.off-canvas-list li a:active {
      background: #c7ab88;
      text-decoration:none; }

.right-submenu {
  background: #af8654;
}
  .right-submenu .back > a {
    background: #af8654;
    border-bottom: none;
    border-top: 1px solid #262626;
    color: #222;
    font-size: 0.90rem;
    font-weight: normal;
}
    .right-submenu .back > a:hover {
      background: #c7ab88;
      border-top: 1px solid #262626;
      text-decoration:none; }

/* Search form on off-canvas menu */

.postfix {
    height: 1.8rem;
    line-height: 1.8rem;
    font-size: 0.8rem;
    padding: 0;
}

.postfix i {font-size: 0.9rem;}

input[type="text"] {
    font-size: 0.8rem;
    height: 1.9rem;
}