/**
*     smr.scss
*/
/**
 *  _diagnostics.scss
 */
body::before {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  font-size: small;
  font-family: courier;
  display: none;
  content: "mobile";
}

@media only screen and (min-width: 32.001em) {
  body::before {
    content: "small";
  }
}
@media only screen and (min-width: 40.001em) {
  body::before {
    content: "medium";
  }
}
@media only screen and (min-width: 63.001em) {
  body::before {
    content: "large";
  }
}
@media only screen and (min-width: 96.001em) {
  body::before {
    content: "xlarge";
  }
}
/*
*  _page-ids
*
*/
#pageHome .nav-home {
  display: none;
}

#pageContact .nav-contact {
  display: none;
}

/* SUPERFISH Menu*/
.sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 99;
}

.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  min-width: 12em;
  *width: 12em;
}
.sf-menu ul li {
  background: #e9e9c4;
  background: transparent;
}
.sf-menu ul ul li {
  background: #eeeed3;
  background: transparent;
}
.sf-menu ul ul {
  top: 0;
  left: 100%;
}
.sf-menu li {
  position: relative;
  margin-left: 0.2em;
  background: transparent;
  white-space: nowrap;
  *white-space: normal;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display: block;
}
.sf-menu > li {
  float: left;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
  background: #e3e3b5;
  background: transparent;
  -webkit-transition: none;
  transition: none;
}
.sf-menu a {
  position: relative;
  display: block;
  color: inherit;
  background-color: #e3e3b5;
  border: 1px solid #bdbd61;
  padding: 0.2em 0.3em;
  margin-left: 0;
  text-decoration: none;
  zoom: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.sf-menu a:hover {
  background-color: #eaeac8;
}
@media only screen and (max-width: 40.001em) {
  .sf-menu {
    width: 100% !important;
    display: none;
  }
  .sf-menu a {
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 0.2em;
  }
  .sf-menu ul {
    position: relative !important;
    display: none !important;
  }
  .sf-menu ul,
.sf-menu ul ul {
    left: 1em;
  }
  .sf-menu li {
    float: none !important;
    display: block !important;
    width: 100% !important;
    width: 16em !important;
  }
  .sf-menu li a {
    float: none !important;
  }
  .sf-menu.xactive {
    display: block !important;
  }
  .sf-menu .xpopdrop > ul {
    display: block !important;
  }
}

.sf-arrows .sf-with-ul {
  padding-right: 1.5em;
  *padding-right: 1em;
}
.sf-arrows .sf-with-ul:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.5em;
  margin-top: -3px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #004211;
}
@media only screen and (max-width: 40.001em) {
  .sf-arrows .sf-with-ul:after {
    right: 1.1em;
  }
}
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white;
  border-top-color: #00a82b;
}
.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #004211;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: #00a82b;
}

#mobnav-btn {
  display: none;
  font-size: 20px;
  font-weight: bold;
  background-color: transparent;
  color: #4d0f0f;
  color: #004211;
  padding: 10px;
  cursor: pointer;
}
@media only screen and (max-width: 40.001em) {
  #mobnav-btn {
    display: block;
  }
}

.mobnav-subarrow {
  display: none;
  background-color: #0f3975;
  opacity: 0.3;
  border-bottom: 1px solid white;
  border-top: 1px solid black;
  height: 20px;
  width: 30px;
  background-position: top left !important;
  position: absolute;
  top: 10px;
  right: 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
@media only screen and (max-width: 40.001em) {
  .mobnav-subarrow {
    display: block;
  }
}

.recipe-list .mobnav-subarrow {
  display: none;
}

#recipeMenu * {
  z-index: 98;
}

@media only screen and (max-width: 40.001em) {
  #recipeMenu .sf-menu {
    position: absolute;
    display: none;
    z-index: 97;
  }
}
#recipeMenu .sf-menu ul {
  display: none;
  min-width: 10em;
}
#recipeMenu .sf-menu ul ul {
  background-color: #eaeac8;
  border: 1px solid #bdbd61;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 25em;
  padding-bottom: 0.5em;
}
#recipeMenu .sf-menu ul ul li {
  white-space: normal;
}
#recipeMenu .sf-menu ul ul a {
  width: 75%;
  margin: 0.2em 0.5em;
}
#recipeMenu .sf-menu ul ul p {
  margin: 0 2em;
}

/*
*  _headings.scss
*/
h1 {
  font-size: 2.0113571875rem;
}

h2 {
  font-size: 1.74900625rem;
}

h3 {
  font-size: 1.520875rem;
}

h4 {
  font-size: 1.3225rem;
}

h5 {
  font-size: 1.15rem;
}

h6 {
  font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: droid-serif, serif;
  font-style: normal;
  font-weight: 400;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 1.2;
  color: #004010;
}

h1:first-of-type,
.column1 > h2:first-child,
.column2 > h2:first-child,
section > h2:first-child {
  margin-top: 0;
}

body > h1 {
  text-align: center;
  margin-top: 0.2em;
}

h3.center {
  text-align: center;
}

dt, .crumbs {
  color: #004010;
}

.column1,
.column2 {
  width: 100%;
  float: none;
  padding: 0;
}

@media only screen and (min-width: 40.001em) {
  .column1,
.column2 {
    margin-bottom: 1em;
  }

  .column1 + .column2 {
    border-left: 1px dotted grey;
  }

  .L1Ca .column1 {
    width: 100%;
    float: left;
    padding: 0;
  }

  .L2Ca .column1,
.L2Cb .column1 {
    float: left;
    padding-right: 2%;
  }
  .L2Ca .column2,
.L2Cb .column2 {
    float: right;
    padding-left: 2%;
  }

  .L2Ca .column1 {
    width: 67.9%;
  }
  .L2Ca .column2 {
    width: 27.9%;
  }

  .L2Cb .column1,
.L2Cb .column2 {
    width: 47.9%;
  }
}
.sales .fig-panel figure {
  margin: 0.75% 0;
  padding: 0;
  float: left;
  clear: none;
  margin-left: 3%;
}
@media screen and (max-width: 32em) {
  .sales .fig-panel figure {
    width: 100%;
  }
  .sales .fig-panel figure:nth-of-type(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 32.001em) and (max-width: 40em) {
  .sales .fig-panel figure {
    width: 48.5%;
  }
  .sales .fig-panel figure:nth-of-type(2n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 40.001em) and (max-width: 63em) {
  .sales .fig-panel figure {
    width: 48.5%;
  }
  .sales .fig-panel figure:nth-of-type(2n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 63.001em) and (max-width: 96em) {
  .sales .fig-panel figure {
    width: 31.3333333333%;
  }
  .sales .fig-panel figure:nth-of-type(3n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 96.001em) {
  .sales .fig-panel figure {
    width: 31.3333333333%;
  }
  .sales .fig-panel figure:nth-of-type(3n+1) {
    clear: both;
    margin-left: 0;
  }
}

.sales .fig-panel2 figure {
  margin: 0.75% 0;
  padding: 0;
  float: left;
  clear: none;
  margin-left: 3%;
}
@media screen and (max-width: 32em) {
  .sales .fig-panel2 figure {
    width: 100%;
  }
  .sales .fig-panel2 figure:nth-of-type(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 32.001em) and (max-width: 40em) {
  .sales .fig-panel2 figure {
    width: 48.5%;
  }
  .sales .fig-panel2 figure:nth-of-type(2n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 40.001em) and (max-width: 63em) {
  .sales .fig-panel2 figure {
    width: 48.5%;
  }
  .sales .fig-panel2 figure:nth-of-type(2n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 63.001em) and (max-width: 96em) {
  .sales .fig-panel2 figure {
    width: 22.75%;
  }
  .sales .fig-panel2 figure:nth-of-type(4n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 96.001em) {
  .sales .fig-panel2 figure {
    width: 22.75%;
  }
  .sales .fig-panel2 figure:nth-of-type(4n+1) {
    clear: both;
    margin-left: 0;
  }
}

.breeding .fig-panel.items-2 figure {
  margin: 0.75% 0;
  padding: 0;
  float: left;
  clear: none;
  margin-left: 3%;
}
@media screen and (max-width: 32em) {
  .breeding .fig-panel.items-2 figure {
    width: 100%;
  }
  .breeding .fig-panel.items-2 figure:nth-of-type(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 32.001em) and (max-width: 40em) {
  .breeding .fig-panel.items-2 figure {
    width: 100%;
  }
  .breeding .fig-panel.items-2 figure:nth-of-type(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 40.001em) and (max-width: 63em) {
  .breeding .fig-panel.items-2 figure {
    width: 48.5%;
  }
  .breeding .fig-panel.items-2 figure:nth-of-type(2n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 63.001em) and (max-width: 96em) {
  .breeding .fig-panel.items-2 figure {
    width: 48.5%;
  }
  .breeding .fig-panel.items-2 figure:nth-of-type(2n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 96.001em) {
  .breeding .fig-panel.items-2 figure {
    width: 48.5%;
  }
  .breeding .fig-panel.items-2 figure:nth-of-type(2n+1) {
    clear: both;
    margin-left: 0;
  }
}

.breeding .fig-panel.items-3 figure {
  margin: 0.75% 0;
  padding: 0;
  float: left;
  clear: none;
  margin-left: 3%;
}
@media screen and (max-width: 32em) {
  .breeding .fig-panel.items-3 figure {
    width: 100%;
  }
  .breeding .fig-panel.items-3 figure:nth-of-type(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 32.001em) and (max-width: 40em) {
  .breeding .fig-panel.items-3 figure {
    width: 100%;
  }
  .breeding .fig-panel.items-3 figure:nth-of-type(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 40.001em) and (max-width: 63em) {
  .breeding .fig-panel.items-3 figure {
    width: 31.3333333333%;
  }
  .breeding .fig-panel.items-3 figure:nth-of-type(3n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 63.001em) and (max-width: 96em) {
  .breeding .fig-panel.items-3 figure {
    width: 31.3333333333%;
  }
  .breeding .fig-panel.items-3 figure:nth-of-type(3n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 96.001em) {
  .breeding .fig-panel.items-3 figure {
    width: 31.3333333333%;
  }
  .breeding .fig-panel.items-3 figure:nth-of-type(3n+1) {
    clear: both;
    margin-left: 0;
  }
}

.breeding .fig-panel.items-4 figure {
  margin: 0.75% 0;
  padding: 0;
  float: left;
  clear: none;
  margin-left: 3%;
}
@media screen and (max-width: 32em) {
  .breeding .fig-panel.items-4 figure {
    width: 100%;
  }
  .breeding .fig-panel.items-4 figure:nth-of-type(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 32.001em) and (max-width: 40em) {
  .breeding .fig-panel.items-4 figure {
    width: 100%;
  }
  .breeding .fig-panel.items-4 figure:nth-of-type(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 40.001em) and (max-width: 63em) {
  .breeding .fig-panel.items-4 figure {
    width: 22.75%;
  }
  .breeding .fig-panel.items-4 figure:nth-of-type(4n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 63.001em) and (max-width: 96em) {
  .breeding .fig-panel.items-4 figure {
    width: 22.75%;
  }
  .breeding .fig-panel.items-4 figure:nth-of-type(4n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 96.001em) {
  .breeding .fig-panel.items-4 figure {
    width: 22.75%;
  }
  .breeding .fig-panel.items-4 figure:nth-of-type(4n+1) {
    clear: both;
    margin-left: 0;
  }
}

.breeding .fig-panel.items-5 figure {
  margin: 0.75% 0;
  padding: 0;
  float: left;
  clear: none;
  margin-left: 3%;
}
@media screen and (max-width: 32em) {
  .breeding .fig-panel.items-5 figure {
    width: 100%;
  }
  .breeding .fig-panel.items-5 figure:nth-of-type(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 32.001em) and (max-width: 40em) {
  .breeding .fig-panel.items-5 figure {
    width: 100%;
  }
  .breeding .fig-panel.items-5 figure:nth-of-type(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 40.001em) and (max-width: 63em) {
  .breeding .fig-panel.items-5 figure {
    width: 31.3333333333%;
  }
  .breeding .fig-panel.items-5 figure:nth-of-type(3n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 63.001em) and (max-width: 96em) {
  .breeding .fig-panel.items-5 figure {
    width: 17.6%;
  }
  .breeding .fig-panel.items-5 figure:nth-of-type(5n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 96.001em) {
  .breeding .fig-panel.items-5 figure {
    width: 17.6%;
  }
  .breeding .fig-panel.items-5 figure:nth-of-type(5n+1) {
    clear: both;
    margin-left: 0;
  }
}

.breeding .fig-panel.items-6 figure {
  margin: 0.75% 0;
  padding: 0;
  float: left;
  clear: none;
  margin-left: 3%;
}
@media screen and (max-width: 32em) {
  .breeding .fig-panel.items-6 figure {
    width: 100%;
  }
  .breeding .fig-panel.items-6 figure:nth-of-type(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 32.001em) and (max-width: 40em) {
  .breeding .fig-panel.items-6 figure {
    width: 100%;
  }
  .breeding .fig-panel.items-6 figure:nth-of-type(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 40.001em) and (max-width: 63em) {
  .breeding .fig-panel.items-6 figure {
    width: 31.3333333333%;
  }
  .breeding .fig-panel.items-6 figure:nth-of-type(3n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 63.001em) and (max-width: 96em) {
  .breeding .fig-panel.items-6 figure {
    width: 14.1666666667%;
  }
  .breeding .fig-panel.items-6 figure:nth-of-type(6n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (min-width: 96.001em) {
  .breeding .fig-panel.items-6 figure {
    width: 14.1666666667%;
  }
  .breeding .fig-panel.items-6 figure:nth-of-type(6n+1) {
    clear: both;
    margin-left: 0;
  }
}

/*
.sales section.bio {
  p {
    width: 100%;
    @media screen and (min-width: $bp-medium-min) {
      float: left;
      clear: none;
      width: 60%;
    }
  }
  table.tped1 {
    float: none;
    width: 100%;
    clear: both;
    @media screen and (min-width: $bp-medium-min) {
      float: right;
      width: 40%;
      clear: none;
    }
  }
}
*/
.sales section.bio p {
  width: 100%;
}
.sales section.bio figure.tped {
  float: none;
  width: 100%;
  clear: both;
}
@media screen and (min-width: 40.001em) {
  .sales section.bio figure.tped {
    float: right;
    margin-left: 1em;
    width: 40%;
    clear: right;
  }
}
.sales section.bio figure.single-photo {
  float: none;
  width: 100%;
  clear: both;
}
@media screen and (min-width: 40.001em) {
  .sales section.bio figure.single-photo {
    float: left;
    width: 55%;
    clear: none;
  }
}

.sales section.intro figure {
  float: none;
  width: 100%;
  clear: both;
}
@media screen and (min-width: 40.001em) {
  .sales section.intro figure {
    float: right;
    width: 40%;
    clear: none;
    margin-left: 1em;
  }
}

/**
*     smr.scss
*     20150119 switch to sass, this file derived from style11.css
*     20141201 derived from style10.css
*     responsive (mobile-first) behavior added, a little at a time
*     state preserved 20141202 11:08 PT as style11.201412002a.css
*
*/
html {
  background-color: #cccccc;
}

body {
  margin: auto;
  padding: 0em 0.4em;
  height: auto;
  font-size: 100%;
  font-family: ff-dagny-web-pro, Arial, Verdana;
  color: #4d0f0f;
  background-color: #fcfce9;
  border-color: #bdbd61;
}
@media only screen and (min-width: 40.001em) {
  body {
    padding: 0px 1em;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 63.001em) {
  body {
    max-width: 1200px;
    max-width: 61.001em;
    border-radius: 15px 15px 0 0;
    margin-top: 10px;
  }
}

a:link {
  color: #0f0f4d;
}

a:visited {
  color: #1c5e3d;
}

a:hover {
  background-color: #f6f6bc;
}

a:active {
  background-color: white;
}

p a:link,
p a:visited,
p a:hover {
  border-bottom: 1px dotted;
  text-decoration: none;
}

h3 a:link,
h3 a:visited {
  color: #004010;
}

a[title]:hover {
  background-color: transparent;
}

p {
  margin: 0.5em 0;
  line-height: normal;
  line-height: 1.3;
}

hr {
  background-color: #6f6f62;
  border-color: #6f6f62;
  border-style: none;
  clear: both;
  color: #6f6f62;
  height: 1px;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  width: 75%;
}

article {
  margin: 0 0 1.5em 0;
}

aside {
  background-color: #e3e3b5;
  border-color: #bdbd61;
  border-style: solid;
  border-width: 2px;
  clear: both;
  margin-bottom: 0.5em;
  padding: 0.5em 1em;
}

blockquote {
  font-style: italic;
  font-size: smaller;
  font-size: 90%;
}

figure {
  margin: 0;
  margin-bottom: 1em;
}

figcaption {
  margin: 0.5em 0;
}

footer {
  clear: both;
  padding: 0 1em;
  margin: 0.5em 0;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: inherit;
  font-size: 6pt;
}

header {
  background-color: #e3e3b5;
}

img {
  max-width: 100%;
  border-style: solid;
  border-width: 3px;
  margin: -3px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  border-color: #bdbd63;
}

img.thumb {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

p img {
  margin: 0.5em 1em 0.5em 1em;
}

p img.alignTop {
  margin-top: 0;
}

p img.align-top {
  margin-top: 0;
}

a:link img,
a:visited img {
  border-style: double;
}

a:hover img,
a:active img {
  border-style: solid;
}

p img.left {
  margin-right: 1em;
}

p img.right {
  margin-left: 1em;
}

ul, ol, dl {
  padding-left: 1em;
  margin: 0.5em 0;
  margin-left: 1em;
}

li {
  line-height: 1.3;
}

ul > li {
  border-right: none;
}

ul.nomarker {
  list-style-type: none;
}

dt {
  display: list-item;
  font-family: Georgia, serif;
  font-size: 1.19em;
  font-weight: bold;
  list-style-type: disc;
  margin: 0.3em 0;
}

dd {
  font-family: Arial, sans-serif;
  font-size: 90%;
  margin: 0.5em 0;
}

section {
  clear: both;
  padding-top: 1em;
}

section:first-child {
  padding-top: 0;
}

section::after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

table, td, th {
  background-color: white;
  border-width: 1px;
  border-style: solid;
  border-collapse: separate;
  border-spacing: 1px;
}

table.center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

td,
th {
  padding: 0 3px;
}

table.a {
  background-color: #f5f5dc;
  border-style: solid;
  border-width: 2px;
  border-color: #e3e3b3;
  border-collapse: separate;
  border-spacing: 0;
}

td, th, tr, thead, tbody {
  background-color: inherit;
  border-style: inherit;
  border-color: inherit;
  border-collapse: inherit;
  border-spacing: inherit;
}

td .a {
  background-color: white;
}

.colorPattern td {
  text-align: center;
}

.colorPattern td + td + td {
  text-align: left;
}

table.genotypesAndPhenotypes td {
  width: 25%;
  text-align: center;
}

a.more:active {
  border-color: #fffff7;
}

a.more:hover {
  background-color: #f7f7e4;
}

a.more:hover {
  background-color: #fff4d4;
}

a.more:active {
  border-color: #00ff00;
}

a.faqmore:hover {
  background-color: #fff4d4;
}

a.faqmore:active {
  border-color: #00ff00;
}

a.more,
a.faqmore,
p.more,
span.more {
  background-color: #E5E5C8;
  border-color: #118321;
  border-style: solid;
  border-width: 1px;
  padding: 3px 5px 2px 5px;
  font-weight: bold;
  text-decoration: none !important;
  font-size: 90%;
  text-align: right;
  margin: 0.25em 0 0.25em 0.5em;
  display: inline-block;
  float: right;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

a.more:visited,
a.faqmore:visited,
p.more:visited,
span.more:visited {
  color: #006400;
}

.sold::after {
  color: #ff0033;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  content: "   SOLD";
}

@media print {
  body {
    background-color: transparent !important;
    font-size: 8pt;
  }

  hr {
    background-color: #2F4F4F;
  }

  #banner {
    display: block;
  }

  #banner .menu {
    display: none;
  }

  #footer {
    display: none;
  }
}
/**
 *  Utility Classes
 */
.clearfix:after {
  content: " ";
  /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.left {
  float: left;
  margin-left: 0;
  margin-right: 1em;
}

.right {
  float: right;
  margin-right: 0;
  margin-left: 1em;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.center2 {
  display: block;
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

/* classes fractional column **************************************************/
.one-half,
.one-third, .two-thirds,
.one-fourth, .two-fourths, .three-fourths,
.one-fifth, .two-fifths, .three-fifths, .four-fifths,
.one-sixth, .two-sixths, .three-sixths, .four-sixths, .five-sixths,
.one-seventh {
  float: left;
  display: block;
}

.one-half img,
.one-third img {
  margin-left: -3px;
  margin-right: -3px;
}

/* div a + p {font-size: 90%; color: inherit; font-style: italic;} */
/* ?? */
/* -- 2 Columns -- */
.one-half {
  margin-left: 4%;
}

/* margin  =    (0.08 / cols)  * 100 */
.one-half {
  width: 48%;
}

/* width = (( 0.92 / cols ) + ( 0.08 / cols**2 )) * 100   */
/* -- 3 Columns -- */
.one-third, .two-thirds {
  margin-left: 2.6666%;
}

.one-third {
  width: 31.5555%;
}

.two-thirds {
  width: 65.7777%;
}

/* -- 4 Columns -- */
.one-fourth, .two-fourths, .three-fourths {
  margin-left: 2%;
}

.one-fourth {
  width: 23.5%;
}

.two-fourths {
  width: 49%;
}

.three-fourths {
  width: 74.5%;
}

/* -- 5 Columns -- */
.one-fifth, .two-fifths, .three-fifths, .four-fifths {
  margin-left: 1.6%;
}

.one-fifth {
  width: 18.72%;
}

.two-fifths {
  width: 39.04%;
}

.three-fifths {
  width: 59.36%;
}

.four-fifths {
  width: 79.68%;
}

/* -- 6 Columns -- */
.one-sixth, .two-sixths, .three-sixths, .four-sixths {
  margin-left: 1.3333%;
}

.one-sixth {
  width: 15.5556%;
}

.two-sixths {
  width: 32.4444%;
}

.three-sixths {
  width: 49.3333%;
}

.four-sixths {
  width: 66.2222%;
}

.five-sixths {
  width: 83.1111%;
}

/* -- First Column --                                    IMPORTANT */
.first {
  margin-left: 0;
}

/* this MUST come after the default margin-left declarations */
/* double-width with two images */
/* the first image should be class="left". the second shouldn't float in order that
the elements below line up with adjacent divs without floating img elements */
.twoImages img {
  width: 47.95%;
}

/* same for all column numbers */
/* thumb-panel panes are spaced at 1%, in contrast to the default 4% spaced panels above */
.thumb-panel figcaption {
  font-size: 80%;
}

.thumb-panel.first {
  margin-left: 0 !important;
}

.thumb-panel.one-half,
.thumb-panel.one-third,
.thumb-panel.two-thirds,
.thumb-panel.one-fourth,
.thumb-panel.two-fourths,
.thumb-panel.three-fourths,
.thumb-panel.one-fifth,
.thumb-panel.two-fifths,
.thumb-panel.three-fifths,
.thumb-panel.four-fifths,
.thumb-panel.one-sixth,
.thumb-panel.two-sixths,
.thumb-panel.three-sixths,
.thumb-panel.four-sixths,
.thumb-panel.five-sixths,
.thumb-panel.one-seventh {
  margin-left: 1%;
  margin-top: 1em;
  margin-bottom: 1em;
  float: left;
  display: block;
}

/* -- 2 Columns -- */
.thumb-panel.one-half {
  width: 45.5%;
}

/* -- 3 Columns -- */
.thumb-panel.one-third {
  width: 32.6667%;
}

/* 98%/3 */
.thumb-panel.two-thirds {
  width: 65.3333%;
}

/* -- 4 Columns -- */
.thumb-panel.one-fourth {
  width: 24.25%;
}

/* 97%/4  */
.thumb-panel.two-fourths {
  width: 48.5%;
}

.thumb-panel.three-fourths {
  width: 72.75%;
}

/* -- 5 Columns -- */
/* 4*1% total left margins*/
.thumb-panel.one-fifth {
  width: 19.2%;
}

/* 96%/5 width of each of 5 panels*/
.thumb-panel.two-fifths {
  width: 39.4%;
}

.thumb-panel.three-fifths {
  width: 59.6%;
}

.thumb-panel.four-fifths {
  width: 79.8%;
}

/* -- 6 Columns -- */
.thumb-panel.one-sixth {
  width: 15.83333%;
}

/* 95%/6 */
.thumb-panel.two-sixths {
  width: 31.66667%;
}

.thumb-panel.three-sixths {
  width: 47.5%;
}

.thumb-panel.four-sixths {
  width: 63.33333%;
}

.thumb-panel.five-sixths {
  width: 79.16667%;
}

/* -- 7 Columns -- */
.thumb-panel.one-seventh {
  width: 13.429%;
}

/* 94%/7 */
/* wNacross classes ***********************************************************/
img.w2across,
.w3across,
img.w4across,
img.w6across {
  float: left;
  margin-top: 0;
  margin-bottom: 0.5%;
  margin-left: 0;
}

img.w2across {
  width: 47%;
  margin-right: 1.5%;
}

img.w3across {
  width: 31.5%;
  margin-right: 0.5%;
}

.w3across {
  width: 32%;
  margin-right: 0.5%;
}

img.w4across {
  width: 24%;
  margin-right: 0.5%;
}

img.w6across {
  width: 15.5%;
  margin-right: 0.3%;
}

/* clears ****************************************************************************/
.c {
  clear: both;
}

.cl {
  clear: left;
}

.cr {
  clear: right;
}

.cn {
  clear: none;
}

/* widths ***************************************************************************/
.wauto {
  width: auto;
}

.full {
  width: 100%;
}

.w100 {
  width: 100%;
}

.w95 {
  width: 95%;
}

.w90 {
  width: 90%;
}

.w80 {
  width: 80%;
}

.w70 {
  width: 70%;
}

.w67 {
  width: 67%;
}

.w60 {
  width: 60%;
}

.w55 {
  width: 55%;
}

.w50 {
  width: 50%;
}

.w49 {
  width: 49%;
}

.w48 {
  width: 48%;
}

.w47 {
  width: 47%;
}

.w45 {
  width: 45%;
}

.w40 {
  width: 40%;
}

.w35 {
  width: 35%;
}

.w33 {
  width: 33.3%;
}

.w30 {
  width: 30%;
}

.w25 {
  width: 25%;
}

.w24 {
  width: 24%;
}

.w20 {
  width: 20%;
}

.w17 {
  width: 17%;
}

.w10 {
  width: 10%;
}

/*
* Height clases
* calculate wrt height of containing block (which must be defined!)
*/
.h100 {
  height: 100%;
}

.h95 {
  height: 95%;
}

.h90 {
  height: 90%;
}

.h80 {
  height: 80%;
}

.h70 {
  height: 70%;
}

.h67 {
  height: 67%;
}

.h60 {
  height: 60%;
}

.h50 {
  height: 50%;
}

.h45 {
  height: 45%;
}

.h40 {
  height: 40%;
}

.h33 {
  height: 33%;
}

.h30 {
  height: 30%;
}

.h25 {
  height: 25%;
}

.h20 {
  height: 20%;
}

.h17 {
  height: 17%;
}

.h10 {
  height: 10%;
}

/**
*  miscellaneous
*/
/* facebook *******************************************************************/
.fb-like {
  /* facebook like box */
  background-color: white;
  border: 2px solid #bdbd63;
  padding: 7px 7px 3px 7px;
  border-width: 2px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  /* neat trick to fix width issue */
  width: 100%;
  margin: 0px auto;
  /* center it */
  overflow: hidden;
  /* cut off overlong display on small screens */
}

/* chronicles **************************************************************************/
.chronicles {
  background-color: #5A8DB8 !important;
  border-color: white !important;
  border: 2px solid;
  color: white !important;
  display: inline-block;
  font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif;
  font-weight: bold;
  padding: 1px 1em;
  text-decoration: none;
}

a.chronicles:hover {
  color: #5A8DB8 !important;
  /* HSP 207 51 72 */
  border-color: #5A8DB8 !important;
  background-color: white !important;
}

.chronicles.reverse {
  /* flip color scheme  */
  color: #5A8DB8 !important;
  /* HSP 207 51 72 */
  border-color: #5A8DB8 !important;
  background-color: white !important;
}

a.chronicles.reverse:hover {
  color: white !important;
  background-color: #5A8DB8 !important;
  border-color: white !important;
}

a.chronicles {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

a.ofp {
  color: #eef8cc !important;
  background-color: #004000 !important;
  border-color: #eef8cc !important;
  /* font-family: Arial,Verdana,sans-serif;*/
  font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif;
  font-weight: bold;
  padding: 1px 1em;
  border: 2px solid;
  display: inline-block;
  text-decoration: none;
}

a.ofp:hover {
  color: #004000 !important;
  background-color: #eef8cc !important;
  border-color: #004000 !important;
  font-weight: normal;
}

a.smr {
  font-weight: bold;
}

/* foo*/
img.canada-flag {
  border: none;
  border-radius: 0;
}

/* Lamb-O-Meter ***************************************************************/
#lambometer {
  background-color: #e3e3b5;
  border: 2px solid #bdbd61;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 0.5em;
}
#lambometer .meter-panel {
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5em;
}
#lambometer table.meter {
  background-color: #fcfce9;
  color: #004010;
  float: left;
  border-style: none;
  border-collapse: collapse;
  margin-left: 1em;
}
#lambometer table.meter:first-of-type {
  margin-left: 0;
}
#lambometer table.meter tr {
  font-size: 1.5em;
  font-family: arial;
  font-weight: bold;
  border: 2px solid #bdbd61;
  background: linear-gradient(to bottom, #dcdca3, #fcfce9, #dcdca3);
}
#lambometer table.meter caption {
  font-size: 1em;
  font-weight: normal;
  caption-side: bottom;
  padding-top: 0.2em;
}

span.colophon {
  background-image: url(../images/m-tiny-12x21.jpg);
  background-position: left;
  background-repeat: no-repeat;
  padding: 0 0 0 25px;
  margin-left: 0.5em;
}

/* printer friendly */
h6.pfp {
  color: #FFFFFF;
  /* white */
  background-color: #FFA500;
  /* orange */
  border: 1px solid #008000;
  /* green */
  font-family: arial, helvetica, verdana, sans-serif;
  padding: 0 0.5em;
  margin-top: 0;
  margin-bottom: 0.5em;
  float: right;
}

/*  Table Pedigrees ----------------------------------------------------------------------
*  g0=animal; g1=parents; g2=grandparents etc
*/
.tped1 {
  font-family: arial;
  color: #004010;
  background-color: #c4c498;
  border-width: 1px;
  border-style: none;
  border-color: #004010;
  border-spacing: 2px;
  border-collapse: separate;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  width: 100%;
  /* of container */
}

table.tped1 thead th {
  text-align: center;
}

.g0, .g1, .g2, .g3, .g4 {
  background-color: #d4d4a8;
  padding: 0 1em;
}

.g0 {
  font-size: medium;
}

.g1 {
  font-size: small;
}

.g2 {
  font-size: x-small;
}

.g3 {
  font-size: xx-small;
}

.g4 {
  font-size: xx-small;
}

figure table.tped1 thead th {
  font-size: small;
  font-weight: bold;
}

/* British Matrilineage ---------------------------------------------------------------
*      used in genetics/mat2.html
*/
.brml ul {
  padding: 0;
  font-family: Arial, sans-serif;
  font-weight: bold;
  width: 10em;
  width: 50%;
}

.brml ul {
  width: 40%;
  margin-left: 5%;
}

.brml ul ul {
  width: 100%;
  margin-left: 25%;
}

.brml ul ul {
  margin: 0.2em 0 0.2em 5em;
}

.brml li {
  margin: 0;
  list-style-type: none;
  margin-bottom: 0.2em;
  display: list-item;
}

.brml div {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding-left: 0.5em;
  margin-left: 0.5em;
}

.bmrl span.oi {
  display: inline-block;
  float: right;
  padding-right: 1em;
}

.brml .uk {
  color: #008000;
  border-color: #000080;
}

/* green */
/* 90 import */
.brml .qo {
  color: #808080;
}

/* grey */
/* quebec only */
.brml .oi {
  color: #000080;
}

/* navy */
/* oregon import */
.brml .cn {
  background-color: #85ffde;
}

/* clan n - Ana */
.brml .cf {
  background-color: #afaa57;
}

/* clan f - Aphrodite */
.brml .ca {
  background-color: #c060cc;
}

/* clan n - Amy */
.brml .cs {
  background-color: #d0ff46;
}

/* clan s - Saphire */
.brml .ct {
  background-color: #df4545;
}

/* clan t - Theresa */
.brml .cb {
  background-color: #597cb2;
}

/* clan b - Samba */
.brml .cp {
  background-color: #cc8049;
}

/* clan p - Polka */
.brml .cm {
  background-color: #4fcc49;
}

/* clan m - Maria */
.brml .cr {
  background-color: #ceffff;
}

/* clan p - Rosemary */
.brml .ce {
  background-color: #7e48ff;
}

/* clan e - Emerald */
.brml div.ind {
  float: right;
  display: inline-block;
  width: 1em;
}

/* Class and ID selectors -------------------------------------------  classes */
/* ground: workaround IE6 */
.inner {
  border-color: #fcfceb;
}

/* transparency bug */
a.faqret:hover {
  font-style: italic;
}

.faqa {
  clear: both;
  padding-top: 0.5em;
}

a.faqret {
  font-size: 80%;
  font-weight: bold;
  text-decoration: none;
  clear: right;
  float: right;
  border-bottom: 1px solid #118321;
  display: block;
  width: 100%;
  text-align: right;
}

a:link.faqret,
a:visited.faqret,
a:hover.faqret,
a:active.faqret {
  text-decoration: none;
  color: #0d5583;
}

span.linkarrow {
  float: right;
  padding: 3px 0 0 0.5em;
  background-image: url(../images/m_tiny_arrow-v1-18x30.jpg);
  background-position: right;
  background-repeat: no-repeat;
  width: 30px;
}

/* new stuff  */
span.superscript {
  vertical-align: super;
  font-size: x-small;
}

/* Potentially deprecated selectors *******************************************/
.sidebar2 {
  background-color: #f0f0ce;
  padding: 1em;
}

.sidebar2.right {
  margin-left: 0.5em;
}

.sidebar2 {
  font-size: smaller;
}

div.panel {
  float: left;
}

.panel img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 96%;
}

.panel p {
  padding: 0 2%;
}

/**
 *  navigation
 */
/* crumbs ------------------------------------------------------------ crumbs */
.crumbs {
  position: absolute;
  top: 40px;
  left: 110px;
  font-weight: normal;
}

.crumbs ul, .crumbs li, .crumbs h6 {
  display: inline;
  padding-left: 0.5em;
  margin: 0;
}

.crumbs ul ul li {
  background-image: url(../images/gr_menu.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 25px;
}

/* nav_menu dropmenu ***********************************************************
*
*    Dropdown Menu
*    Menu rules for jquery.dropmenu-1.1.4.js and menu.js from a Lynda.com tutorial
*
*    Usage notes:
*      .nav_menu class applies to nav container
*      .dropmenu class applies to ul within it
*/
.nav_menu {
  z-index: 1000;
  margin: 0px;
  padding: 0px;
  xfont-family: pt-sans;
}

nav .dropmenu {
  margin: 0;
  padding: 0;
  height: 1em;
  height: 28px;
  display: none;
  /* displays after menu load */
}

/* all items  */
.nav_menu ul.dropmenu li {
  height: 28px;
  height: auto;
}

/* was height: 28px; */
.nav_menu ul.dropmenu li:hover {
  background-color: #e0e0b4;
}

.nav_menu ul.dropmenu li.selected {
  background-color: #d1d19b;
}

.nav_menu ul.dropmenu li a {
  color: #004010;
  text-decoration: none;
  padding: 0px;
  xline-height: 12px;
  xfont-weight: bold;
}

.nav_menu ul.dropmenu li.selected a {
  color: yellow;
}

/* topitems */
.nav_menu ul.dropmenu {
  margin: 0px;
  padding: 0px;
}

.nav_menu ul.dropmenu a.toplevel {
  height: auto;
  margin: 6px 15px 6px 15px;
  padding: 0px 0px 4px 0px;
  color: #004010;
  font-weight: normal;
  text-decoration: none;
}

.nav_menu ul.dropmenu a.toplevel.hover {
  color: #004010;
}

.nav_menu ul.dropmenu a.toplevel.selected {
  color: yellow;
}

/* subitems */
.nav_menu ul.dropmenu li ul li:hover {
  background-color: #d1d19b;
}

.nav_menu ul.dropmenu li ul {
  background-color: #d1d19b;
  border-top: 1px solid #fff;
}

.nav_menu ul.dropmenu li ul li a.sublevel {
  color: #004010;
  width: 150px;
  padding: 8px 5px 8px 5px;
  margin: 0px;
}

.nav_menu ul.dropmenu li ul li a.sublevel {
  width: 14em;
}

.nav_menu ul.dropmenu li ul li a.sublevel.hover {
  color: #004010;
  background-color: #e0e0b4;
}

.nav_menu ul.dropmenu li ul li a.sublevel.selected {
  color: yellow;
}

/* sub subitems */
.nav_menu ul.dropmenu li ul ul {
  left: -10px;
  border: none;
  border-left: 1px solid #fff;
}

/* Sub Menu Indicators */
.nav_menu ul.dropmenu a.indicator {
  background: url(../images/arrow_right.gif) no-repeat right 50%;
}

.nav_menu ul.dropmenu a.toplevel.indicator {
  background: url(../images/arrow_down.gif) no-repeat 0px bottom;
}

.nav_menu ul.dropmenu li ul li a.sublevel {
  border: 3px solid #d1d19b;
  padding: 5px 2px 5px 17px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 10px;
}

/* ----------------- Floating box at lower right to allow jump to top of page */
/* #e3e3b3 #bdbd63 #118361*/
#backtotop {
  background: url("../images/page-up.png") no-repeat scroll 50% 50% #e3e3b3;
  background-color: #4f0f0f;
  bottom: 20px;
  color: #ffffff;
  cursor: pointer;
  display: none;
  font-size: 11px;
  height: 43px;
  line-height: 43px;
  margin-top: 22px;
  position: fixed;
  right: 20px;
  text-align: center;
  text-indent: -999em;
  text-transform: uppercase;
  width: 53px;
  z-index: 999;
  border: 3px double #bdbd63;
  border-radius: 5px;
}

#backtotop:hover {
  background-color: #bdbd63;
}

/* navbar ----------------------------------------------------------------- */
.navbar-top a:link,
.navbar-top a:visited {
  text-decoration: none;
}

.navbar-top a:hover,
.navbar-top a:active {
  text-decoration: underline;
}

.navbar-top,
.navbar-top a:link,
.navbar-top a:visited,
.navbar-top a:hover {
  color: #4c0f0f;
}

/* 0 80 30 deep red */
.navbar-top ul {
  text-align: right;
  margin: 0;
  padding-right: 1em;
  padding-top: 0.5em;
  float: right;
}

.navbar-top ul li {
  display: inline-block;
}

.navcol h3,
.bc-dark {
  border-color: #d6d69a;
}

/* dark */
/* palette: background-color */
.navbar-top {
  background-color: transparent;
}

.navbar,
.navcol ul,
.navcol ul :hover,
.bg-light {
  background-color: #f0f0ce;
}

/* bg-light */
.bg-medium,
.navcol h3,
.navcol h5 {
  background-color: #d1d1b6;
  background-color: #e3e3b3;
}

.bg-dark {
  background-color: #c4c4ab;
}

/* v 86% */
/*
*  _header.css
*  mobile-first
*/
.ssc header {
  background-image: url(../images/ssc-logo-v4-e.svg);
}

header {
  background-color: transparent;
  background-image: url(../images/smr-logo-v4-e.svg);
  background-size: 80%;
  background-position: 75% 60%;
  background-repeat: no-repeat;
  border-radius: 10px 10px 0 0;
  height: 40px;
  margin-bottom: 10px;
  position: relative;
}
@media only screen and (min-width: 32.001em) {
  header {
    height: 50px;
  }
}
@media only screen and (min-width: 40.001em) {
  header {
    height: 110px;
    background-size: 70%;
    background-position: center 35%;
    border-radius: 20px 20px 0 0;
  }
}
@media only screen and (min-width: 63.001em) {
  header {
    height: 130px;
  }
}

#topMenu {
  display: none;
  position: absolute;
  top: 1%;
  right: 0%;
  font-size: 130%;
  color: #004211;
}
#topMenu ul {
  margin: 0;
  padding: 0;
}
#topMenu ul li {
  display: inline-block;
}
#topMenu a {
  padding: 0 0.25em;
  border-radius: 3px;
  background-color: transparent;
  text-decoration: none;
}
#topMenu a:hover {
  border: 1px solid rgba(100, 100, 100, 0.2);
  background-color: #f0f0c3;
}
@media only screen and (min-width: 40.001em) {
  #topMenu {
    display: block;
  }
}

#mainMenu {
  color: #004211;
  font-family: myriad-pro-condensed, Arial, Verdana;
  position: absolute;
  top: 0%;
}
@media screen and (min-width: 32.001em) {
  #mainMenu {
    top: 10%;
  }
}
@media screen and (min-width: 40.001em) {
  #mainMenu {
    top: auto;
    bottom: 5px;
    left: 0px;
  }
  #mainMenu .nav-home,
#mainMenu .nav-contact {
    display: none;
  }
}

#recipeMenu {
  color: #004211;
  font-family: myriad-pro-condensed, Arial, Verdana;
}
@media screen and (min-width: 32.001em) {
  #recipeMenu {
    top: 10%;
  }
}
@media screen and (min-width: 40.001em) {
  #recipeMenu {
    top: auto;
    bottom: 5px;
    left: 0px;
  }
}

.recipe {
  font-family: ff-dagny-web-pro, Arial, Verdana;
}
.recipe .ingredients {
  margin-bottom: 1em;
  font-family: "ff-meta-serif-web-pro", Georgia;
  background-color: #FDEDCC;
  border: 1px solid;
  border-radius: 10px;
  padding: 0 1em 1em 1em;
}
@media only screen and (min-width: 40.001em) {
  .recipe .ingredients {
    float: right;
    clear: right;
    width: 36%;
    margin-left: 2em;
  }
}
.recipe .description,
.recipe .comment {
  font-style: italic;
}
.recipe h1,
.recipe p.description {
  text-align: center;
}
.recipe .bonappetit {
  color: #118321;
  font-weight: bold;
}

@media only screen and (min-width: 40.001em) {
  .recipe-list {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-rule: 1px dotted grey;
  }
  .recipe-list li ul li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
}
.recipe-list ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  font-size: 150%;
  color: #004010;
}
.recipe-list ul li {
  color: #4d0f0f;
}
.recipe-list ul a {
  text-decoration: none;
  color: inherit;
}
.recipe-list ul ul {
  font-size: 80%;
}
.recipe-list ul ul li {
  background: #e3e3b5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 0.5em;
}
.recipe-list ul ul li a {
  color: #0f0f4d;
  padding: 0.1em 0.5em;
  background-color: #f1f1da;
  border: 1px solid #949438;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.recipe-list ul ul li a:hover {
  background-color: white;
}
.recipe-list ul ul li p {
  font-family: "ff-meta-serif-web-pro", Georgia;
  font-style: italic;
  font-size: 90%;
  margin-left: 1em;
  color: #4d0f0f;
}