/* ======1=========2=========3=========4=========5=========6=========7======= */
/* 20150516-Recipes-Display-Custom.css                                        */
/* Recipes v1.0.0                                                             */
/*----------------------------------------------------------------------------*/

/* ======1=========2=========3=========4=========5=========6=========7======= */
/* Lighter Theme -  .d_bright                                                 */
/*----------------------------------------------------------------------------*/
/*body.d_bright {
  background: -webkit-radial-gradient(rgba(161, 222, 240, 0.75), rgba(64, 129, 147, 0.75)), url(../../_jcf-shared/img/filter-light-mix-1.png), url(../../_jcf-shared/img/filter-light-tan-1.jpg);
  background: radial-gradient(rgba(161, 222, 240, 0.75), rgba(64, 129, 147, 0.75)), url(../../_jcf-shared/img/filter-light-mix-1.png), url(../../_jcf-shared/img/filter-light-tan-1.jpg);
}*/
body.d_bright {
  background-color: #bdbdbd;
  background: #bdbdbd;
}
body.d_bright #jcf-control-box {
  background-color: rgba(0, 0, 0, 0.42);
}
body.d_bright #jcf-popup-controls-group {
  background-color: #9fa8cc;
}
body.d_bright #jcf-popup-toc-group {
  background-color: #9fa8cc;
}
body.d_bright div.toc_item {
  color: #f0f8ff;
  background-color: #264693;
}
body.d_bright #jcf-popup-toc-group div.toc_item:hover {
  color: #264693;
  background-color: #f0f8ff;
}
body.d_bright .container1 {
  background-color: rgba(217, 191, 61, 0.89);
  border-color: rgba(217, 191, 61, 0.89);
}
body.d_bright .content1 {
  background-color: #F0F8FF;
}
body.d_bright .content2 {
  background-color: rgba(217, 191, 61, 0.89);
}
body.d_bright  #page-mode-titlebar {
  color: #f6f4dc;
}
body.d_bright .jcf_recipe_card {
  background-color: #F0F8FF;
}
body.d_bright .jcf_record_number {
  color: #9e9e9e;
}
body.d_bright .jcf_recipe_info,
body.d_bright .jcf_recipe_ingredients,
body.d_bright .jcf_recipe_directions {
  background: #F5F5DD;
  color: #000000;
}
body.d_bright .jcf_Recipe_ingredients_title,
body.d_bright .jcf_Recipe_directions_title {
  color: rgba(217, 191, 61, 0.89);
}

/* ======1=========2=========3=========4=========5=========6=========7======= */
/* Darker Theme - .d_dark                                                     */
/*----------------------------------------------------------------------------*/
body.d_dark {
  background-color: #000000;
  background: #000000;
}
body.d_dark #jcf-control-box {
  background-color: rgba(138, 138, 138, 0.65);
}
body.d_dark #jcf-popup-controls-group {
  background-color: rgba(138, 138, 138, 0.65);
}
body.d_dark #jcf-popup-toc-group {
  background-color: rgba(138, 138, 138, 0.65);
}
body.d_dark div.toc_item {
  color: #789b79;
  background-color: #000000;
}
body.d_dark #jcf-popup-toc-group div.toc_item:hover {
  color: #000000;
  background-color: #789b79;
}
body.d_dark .container1 {
  background-color: #a7a7a7;
  border-color: #f6f4dc;
}
body.d_dark .content1 {
  background-color: #eccf2c;
}
body.d_dark .content2 {
  background-color: #a7a7a7;
}
body.d_dark #page-mode-titlebar {
  color: #9e9e9e;
}
body.d_dark .jcf_recipe_card {
  background-color: #59965e99;
}
body.d_dark .jcf_record_number {
  color: #f6f4dc;
}
body.d_dark .jcf_recipe_info,
body.d_dark .jcf_recipe_ingredients,
body.d_dark .jcf_recipe_directions {
  background: #949494;
  color: #f6f4dc;
}
body.d_dark .jcf_Recipe_ingredients_title,
body.d_dark .jcf_Recipe_directions_title {
  color: #eccf2c;
}


#page-mode-titlebar {
  height: 1.2em;
  font-size: .89em;
  font-weight: 900;
  font-style: oblique;
  text-transform: uppercase;
  letter-spacing: .4em;
  text-align: center;
  margin: 0em 0em 0em 0em;
  /* border-top-left-radius: 16px; */
  /* border-top-right-radius: 16px; */
  /* padding: 0em 0em 0em .58em; */
  position: relative;
  top: -4px;
  /* left: -5px; */
}
/*max-width: 29.2em;*/
/*margin: .28em .28em 0.58em .28em;*/
.jcf_recipe_card {
  margin: .28em .28em 1.5em .28em;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border: dashed #000 1px;
  padding: .28em .28em .68em .28em;
  display: inline-block;
  float: left;
}

/* desktop */
/*@media only screen and (min-device-width: 1000px) {
  .jcf_recipe_card {
    float: left;
  }
}*/
/* iPad [portrait + landscape] */
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .content2 .jcf_recipe_card:nth-child(odd) {
    float: left;
  }
  .content2 .jcf_recipe_card:nth-child(even) {
    float: right;
  }
}*/

.jcf_Recipe_Name {
  display: inline-block;
  margin: .18em .28em .18em .28em;
  /*text-align: center;*/
  width: 95%;
}
/*color: #fff;*/
/*color: #9e9e9e;*/
/*background-color: #264693;*/
.jcf_record_number {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  font-size: .68em;
  padding: .18em;
  margin: .28em;
  float: right;
  position: relative;
  top: -26px;
  right: 1px;
}
.jcf_record_number::before {
  content: '# ';
}
.jcf_recipe_info {
  display: block;
  font-size: .79em;
  font-weight: 800;
  margin: .18em .28em .58em .18em;
  border: rgb(221, 209, 182) solid 3px;
  padding: 0em .38em .38em .38em;
}
.jcf_recipe_info_line {
  display: inline-block;
}
.jcf_recipe_info_line div {
  margin: .28em 0em .18em 0em;
  padding: .18em .28em .18em .28em;
}
.jcf_prompt_prep_time {
  color: #264693;
  display: inline-block;
}
.jcf_prep_time {
  color: #fff;
  background-color: #264693;
  display: inline-block;
}
.jcf_prompt_cooking_time {
  color: #264693;
  display: inline-block;
}
.jcf_cooking_time {
  color: #fff;
  background-color: #264693;
  display: inline-block;
}
.jcf_prompt_yield_amt {
  color: #264693;
  display: inline-block;
}
.jcf_yield_amt {
  color: #fff;
  background-color: #264693;
  display: inline-block;
}
.jcf_recipe_ingredients {
  display: block;
  font-size: .89em;
  margin: .18em .28em .58em .18em;
  border: rgb(221, 209, 182) solid 3px;
  padding: 0em .38em .38em .38em;
}
.jcf_Recipe_ingredients_title {
  display: block;
  font-size: 1.7em;
  font-weight: 900;
  font-variant: small-caps;
  letter-spacing: .4em;
  text-align: center;
  margin: 0em;
  text-shadow: 1px 1px 0px #000;
  position: relative;
  top: -.18em;
}
.jcf_Recipe_ingredients_list {
  display: inline-block;
  margin: .18em .18em .28em .28em;
  padding: .18em .28em;
  list-style-type: none;
}
.jcf_ingredients_row {
  border: dashed 1px #000;
  padding: 0em .18em .36em 0em;
  margin-bottom: 1em
}
.jcf_ingredient_amt {
  color: #fff;
  background-color: #264693;
  display: inline-block;
  margin-right: .68em;
  padding: .18em .18em .18em .28em;
  float: left;
  min-width: 7em;
}
.jcf_ingredient_desc {
  display: block;
}
.jcf_ingredient_notes {
  display: block;
  margin: .18em .18em .28em .28em;
  padding: .18em .28em;
}
.jcf_recipe_directions {
  display: block;
  font-size: .89em;
  margin: .18em .28em .18em .18em;
  border: rgb(221, 209, 182) solid 3px;
  padding: 0em .38em .38em .38em;
}
.jcf_Recipe_directions_title {
  display: block;
  font-size: 1.7em;
  font-weight: 900;
  font-variant: small-caps;
  letter-spacing: .4em;
  text-align: center;
  margin: 0em;
  text-shadow: 1px 1px 0px #000;
  position: relative;
  top: -.18em;
}
.jcf_Recipe_directions_list {
  display: inline-block;
  list-style-type: none;
  margin: .18em .18em .28em .28em;
  padding: .18em .28em;
}
.jcf_directions_row {
  border: dashed 1px #000;
  padding: 0em .18em .36em 0em;
  margin-bottom: 1em
}
.jcf_direction_number {
  color: #fff;
  background-color: #264693;
  display: block;
  margin-right: .28em;
  float: left;
  min-width: 2em;
  padding: .18em .18em .18em .28em;
}
.jcf_direction_number::after {
  content: '.';
}
.jcf_directions_desc {
  display: block;
  margin: 0em 0em 0em 3em;
}
.jcf_directions_notes {display: block;}

/*  margin: .28em .28em .28em .28em;*/
#jcf-popup-controls-group {
  width: 18em;
  height: 20em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .89em;
  border-top: 4px solid #000;
  border-right: 2px solid #000;
  border-bottom: 4px solid #000;
  border-left: 2px solid #000;
  padding: 0em 0em .28em 0em;
  position: fixed;
  z-index: 100000;
}