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

/* ======1=========2=========3=========4=========5=========6=========7======= */
/* CSS - Excerpt from: jcf_basic.css                                          */
/*----------------------------------------------------------------------------*/
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
*::selection {
  background-color: #cc3c09;
  color: #fff;
  text-shadow: none;
}
/**:focus {
  outline: 2px dotted #68b4ff;
}*/
body {
  line-height:normal;
  margin: 0px;
}
.jcf_body_font {font-family: Arial, Helvetica, sans-serif; font-size:1em;}
p, .jcf_paragraph{
  margin: .18em .28em .18em .28em;
  padding: .18em .28em .18em .28em;
}


.container1 {
  min-width: 17.5em;
  max-width: 30em;
  border-width: 2px;
  border-style: solid;
  /*border-color: #ffffff;*/
  border-color: rgba(217, 191, 61, 0.89);
  padding:10px;
  border-radius: 1em;
  background-color: rgba(217, 191, 61, 0.89);
}
/*  min-width: 15.75em;*/
.container2 {
  border-width: 2px;
  margin: 0em 2em 2em 2em;
  border-style: solid;
  border-color: #ffffff;
  padding:10px;
  border-radius: 1em;
  float: left;
  clear: left;
}

/* ======1=========2=========3=========4=========5=========6=========7======= */
/* .container2 */
/* 20170217 http://caniuse.com/#feat=calc Global 82.16%  + 2.08% = 84.24% */
/* Due to the way browsers handle sub-pixel rounding differently,         */
/* layouts using calc() expressions may have unexpected results           */
/*----------------------------------------------------------------------------*/
/*width: calc(100vw - 35px);*/
.container1 {
  margin: 36px 4px .28em 0px;
}
/*width: 61.75em;*/
/*.container2 {
  width: calc(100vw - 56px);
}*/
.content1 {
  background-color: #F0F8FF;
  max-width: 30em;
  margin-left: 2em;
  margin-right: auto;
  border-radius: 7px;
  padding: .58em .58em .58em .58em;
}
.content2 {
  background-color: rgba(217, 191, 61, 0.89);
  margin-left: auto;
  margin-right: auto;
  padding: .28em .25em 0em .25em;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  float: left;
}
.jcf_Intro {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 1.2em;
  color: #264693;
}
.jcf_version_number {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  font-size: .48em;
  margin: 0em 0em 0em .58em;
}
h3.h3-title {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 1.5em;
  margin: 5px 0 0 0;
}
/*.t1 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 1.5em;
  margin: 5px 0 0 0;
}*/
.t1_color {color: #264693;}
.t2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 1.2em;
}
.t2_color {color: #264693;}
.t3 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: .89em;
  margin: 0.58em 0 0 0;
}
.t3_color {color: #264693;}

/* 14 Pastel Background Colors */
.jcf_clr_black     {background: #000000;}
.jcf_clr_graybrown {background: #555;}
.jcf_clr_graygreen {background: #BDBDBD;}
.jcf_clr_grayship  {background: #929DB2;}
.jcf_clr_desat_red {background: #F6F6F6;}
.jcf_clr_ltyellow  {background: #FCFDCC;}
.jcf_clr_ltgold    {background: #F7EDD4;}
.jcf_clr_ltivory   {background: #F5F5DD;}
.jcf_clr_ltgreen   {background: #EDFFE9;}
.jcf_clr_ltcyan    {background: #E1FFFF;}
.jcf_clr_ltblue    {background: #DFF2FF;}
.jcf_clr_ltmagenta {background: #FFCAF0;}
.jcf_clr_ltlilac   {background: #F6EDFD;}
.jcf_clr_white     {background: #FFFFFF;}
/* ======1=========2=========3=========4=========5=========6=========7======= */