@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDXbtY.ttf) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKeiunDXbtY.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7g.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdr.ttf) format('truetype');
}
.circle {
  width: 100%;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
/* Start of "Micro clearfix" */
.cf {
  zoom: 1;
}
.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
/* End of "Micro clearfix" */
body:before {
  display: block;
  color: #fff;
  background-color: #000;
  padding: 10px;
  text-align: center;
  position: fixed;
  bottom: 33px;
  width: 100%;
  content: 'All (Smallest Up)';
  z-index: 111111111111;
  display: none;
}
a,
a:link,
a:visited {
  text-decoration: none;
  color: #cf2630;
}
p {
  font-size: 18px;
  margin-top: 0;
}
body {
  margin: 0;
  padding: 0;
  background-color: #f9f4ef;
  font-family: livory, serif;
}
.headerFlex {
  align-items: flex-start;
}
.headerFlex .logoSide img {
  width: 100%;
  max-width: 600px;
  margin: 30px 0;
}
nav {
  background-color: #2e3192;
  padding: 0 0;
}
nav .navFlex .navSide ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0;
}
nav .navFlex .navSide ul li {
  display: inline-block;
}
nav .navFlex .navSide ul li a,
nav .navFlex .navSide ul li a:visited,
nav .navFlex .navSide ul li a:link {
  display: block;
  padding: 15px;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 0.25s ease-in-out;
}
nav .navFlex .navSide ul li a:hover {
  background-color: #cfd0f0;
  color: #dd2f27;
}
nav .navFlex .navbar-form {
  margin-top: 10px;
}
nav .navFlex .navbar-form.form-search input[type='text'] {
  width: 150px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 14px;
  padding-left: 15px;
  margin-top: 0;
  font-family: brandon-grotesque, sans-serif;
  border-color: #ccc;
  padding: 4px 15px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555;
  box-shadow: none!important;
  text-shadow: none!important;
}
nav .navFlex .navbar-form.form-search .btn-search {
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/223770/search_icon.svg') no-repeat;
  border: none;
  height: 25px;
  text-indent: -4000px;
  width: 25px;
  overflow: hidden;
  background-position: 0 0;
  margin-top: 1px;
  cursor: pointer;
}
nav .navFlex .navbar-form.form-search:hover .btn-search {
  background-position: -50px 0;
}
.rightSide {
  display: none;
  text-align: right;
}
.rightSide .socialIconLink {
  float: right;
  margin-right: 10px;
  margin-top: 20px;
}
.rightSide .secondary-logo {
  float: right;
  border: solid #ccc;
  border-width: 0 1px 1px 1px;
  padding: 20px 24px;
  border-radius: 0px 0px 10px 10px;
  background-color: #fff;
  display: inline-block;
  width: 122px;
  margin-left: 19px;
}
.rightSide .secondary-logo img {
  display: block;
  width: 100%;
}
.socialIcon {
  width: 35px;
}
#breadcrumb {
  background-color: #F5F5F5;
  background-image: none;
  margin: 0 0 20px;
}
#breadcrumb .breadcrumb {
  background: none transparent;
  margin: 0;
  padding: 8px 15px;
  border: 1px dotted #ccc;
  margin: 20px 0 0px 0px;
  background-color: rgba(255, 255, 0, 0.1);
  list-style: none;
}
#breadcrumb .breadcrumb li {
  display: inline-block;
}
#breadcrumb .breadcrumb > li a,
#breadcrumb .breadcrumb > li.active,
#breadcrumb .breadcrumb > li > .divider {
  font-family: brandon-grotesque, sans-serif;
  font-size: 16px;
  color: #020826;
}
#breadcrumb .breadcrumb > li.active {
  font-weight: bold;
}
.mainSection {
  padding: 3%;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 20px 0;
  background-color: #fff;
}
h1 {
  font-size: 38.5px;
  font-family: brandon-grotesque, sans-serif;
  margin-top: 0;
  margin: 0;
  margin-bottom: 20px;
  color: #dd2f27;
}
.myFormOld {
  width: 100%;
  max-width: 400px;
}
.myFormOld > div {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}
.myFormOld > div label {
  flex: 0 1 40%;
  padding-right: 20px;
  text-align: right;
  font-weight: bold;
  font-size: 14px;
}
.myFormOld > div > div {
  flex: 0 1 220px;
}
.myFormOld > div > div input,
.myFormOld > div > div select {
  display: inline-block;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  height: 20px;
  padding: 15px 6px;
  font-size: 14px;
  line-height: 20px;
  color: #555;
  border-radius: 4px;
  margin-left: 0;
  max-width: 206px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-shadow: none!important;
  text-shadow: none!important;
}
.myFormOld > div > div input[type='checkbox'],
.myFormOld > div > div select[type='checkbox'] {
  width: auto;
  position: relative;
  top: 5px;
}
.myFormOld > div > div input[type='button'],
.myFormOld > div > div select[type='button'] {
  width: auto;
  background-position: 0 0;
  padding: 16px 14px;
  line-height: 0;
  background-color: #ecebe9;
  cursor: pointer;
}
.myFormOld > div > div select {
  height: 30px;
}
.form-asterik {
  color: #b94a48;
  padding-left: 3px;
}
.modern-footer #footer_nav {
  display: inline-block;
}
ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}
ul.inline > li,
ol.inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
  line-height: 20px;
  list-style: none;
}
.modern-footer {
  background-color: #F5F5F5;
  background-image: none;
  border-top-color: #DDDDDD;
  border-top: 1px solid #ddd;
  padding: 14px 15px 15px;
}
.modern-footer a {
  color: #dd2f27;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.modern-footer,
.modern-footer figure {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  text-align: center;
}
.footer-banner figure img {
  width: 100%;
  max-width: 250px;
}
.modern-footer .footer-banner figcaption {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
  color: #333;
  padding-top: 10px;
}
.footer-banner .site-footer {
  font-size: 0.8em;
}
.myForm {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 15px 15px;
  width: 100%;
  justify-items: stretch;
  grid-template-areas: "firstName firstName firstName firstName firstName firstName" "lastName lastName lastName lastName lastName lastName" "addy addy addy addy addy addy" "addy2 addy2 addy2 addy2 addy2 addy2" "city city city city city city" "state state state state state state" "zip zip zip zip zip zip" "phone phone phone phone phone phone" "email email email email email email" "commInfo commInfo commInfo commInfo commInfo commInfo" "commAuth commAuth commAuth commAuth commAuth commAuth" "commLoc commLoc commLoc commLoc commLoc commLoc" "commYour commYour commYour commYour commYour commYour" "signup signup signup signup signup signup" " . submit submit submit submit .";
}
.myForm.v2 {
  grid-template-areas: "firstName firstName firstName firstName firstName firstName" "lastName lastName lastName lastName lastName lastName" "addy addy addy addy addy addy" "addy2 addy2 addy2 addy2 addy2 addy2" "city city city city city city" "state state state state state state" "zip zip zip zip zip zip" "age age age age age age" "phone phone phone phone phone phone" "email email email email email email" "commInfo commInfo commInfo commInfo commInfo commInfo" "commAuth commAuth commAuth commAuth commAuth commAuth" "commLoc commLoc commLoc commLoc commLoc commLoc" "commYour commYour commYour commYour commYour commYour" "signup signup signup signup signup signup" " . submit submit submit submit .";
}
.myForm .item label {
  width: 100%;
  padding-top: 5px;
  text-align: left;
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  padding-left: 8px;
}
.myForm .item input[type="text"],
.myForm .item input[type="email"] {
  width: 100%;
  box-sizing: border-box;
  margin-right: 10%;
  border-color: #eff0f3;
  background-color: #eff0f3;
  border-radius: 25px;
  padding: 4px 14px;
  margin-bottom: 0px;
  height: 35px;
  color: #000;
  box-shadow: none!important;
  text-shadow: none!important;
  border: none;
}
.myForm .item input[type='submit'] {
  border: 1px solid #ccc;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  height: 20px;
  padding: 15px 6px;
  font-size: 14px;
  line-height: 20px;
  color: #555;
  border-radius: 4px;
  margin-left: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-shadow: none!important;
  text-shadow: none!important;
  display: block;
  width: 100%;
  background-position: 0 0;
  padding: 16px 14px;
  line-height: 0;
  background-color: #ecebe9;
  cursor: pointer;
}
.myForm .item select {
  width: 100%;
  border: 1px solid #eff0f3;
  margin-bottom: 0;
  border-radius: 25px;
  height: 35px;
  padding: 0 10px;
  color: #b5b5b5;
  background: #eff0f3 url(../images/arrow.png);
  background-position: calc(100% - 15px) 11px;
  background-repeat: no-repeat;
  background-size: 15px;
  -webkit-padding-end: 33px;
  appearance: none;
  color: #000;
}
.myForm .item h2 {
  margin-top: 10px;
  margin-bottom: -5px;
}
.myForm .firstName {
  grid-area: firstName;
}
.myForm .lastName {
  grid-area: lastName;
}
.myForm .addy {
  grid-area: addy;
}
.myForm .addy2 {
  grid-area: addy2;
}
.myForm .city {
  grid-area: city;
}
.myForm .state {
  grid-area: state;
}
.myForm .zip {
  grid-area: zip;
}
.myForm .phone {
  grid-area: phone;
}
.myForm .email {
  grid-area: email;
}
.myForm .commInfo {
  grid-area: commInfo;
}
.myForm .commAuth {
  grid-area: commAuth;
}
.myForm .commLoc {
  grid-area: commLoc;
}
.myForm .commYour {
  grid-area: commYour;
}
.myForm .commYour2 {
  grid-area: commYour;
}
.myForm .signup {
  grid-area: signup;
}
.myForm .submit {
  grid-area: submit;
}
.myForm .age {
  grid-area: age;
}
.labelFinePrint {
  font-size: 12px;
  font-weight: normal;
}
.finePrint {
  margin-top: 20px;
}
.finePrint p {
  font-size: 13px;
}
.finePrintAsterisk {
  font-size: 0.96em;
  text-indent: -5px;
  margin-left: 5px;
}
.myForm2023 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 15px 15px;
  width: 100%;
  justify-items: stretch;
  grid-template-areas: "firstName firstName firstName firstName firstName firstName" "lastName lastName lastName lastName lastName lastName" "phone phone phone phone phone phone" "email email email email email email" "bdInfo bdInfo bdInfo bdInfo bdInfo bdInfo" "month month month month month month" "day day day day day day" "year year year year year year" "commInfo commInfo commInfo commInfo commInfo commInfo" "commAuth commAuth commAuth commAuth commAuth commAuth" "commYour commYour commYour commYour commYour commYour" "signup signup signup signup signup signup" " . submit submit submit submit .";
}
.myForm2023 .item label {
  width: 100%;
  padding-top: 5px;
  text-align: left;
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  padding-left: 8px;
}
.myForm2023 .item input[type="text"],
.myForm2023 .item input[type="email"] {
  width: 100%;
  box-sizing: border-box;
  margin-right: 10%;
  border-color: #eff0f3;
  background-color: #eff0f3;
  border-radius: 25px;
  padding: 4px 14px;
  margin-bottom: 0px;
  height: 35px;
  color: #000;
  box-shadow: none!important;
  text-shadow: none!important;
  border: none;
}
.myForm2023 .item input[type='submit'] {
  border: 1px solid #ccc;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  height: 20px;
  padding: 15px 6px;
  font-size: 14px;
  line-height: 20px;
  color: #555;
  border-radius: 4px;
  margin-left: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-shadow: none!important;
  text-shadow: none!important;
  display: block;
  width: 100%;
  background-position: 0 0;
  padding: 16px 14px;
  line-height: 0;
  background-color: #ecebe9;
  cursor: pointer;
}
.myForm2023 .item select {
  width: 100%;
  border: 1px solid #eff0f3;
  margin-bottom: 0;
  border-radius: 25px;
  height: 35px;
  padding: 0 10px;
  color: #b5b5b5;
  background: #eff0f3 url(../images/arrow.png);
  background-position: calc(100% - 15px) 11px;
  background-repeat: no-repeat;
  background-size: 15px;
  -webkit-padding-end: 33px;
  appearance: none;
  color: #000;
}
.myForm2023 .item h2 {
  margin-top: 10px;
  margin-bottom: -5px;
}
.myForm2023 .firstName {
  grid-area: firstName;
}
.myForm2023 .lastName {
  grid-area: lastName;
}
.myForm2023 .phone {
  grid-area: phone;
}
.myForm2023 .email {
  grid-area: email;
}
.myForm2023 .commInfo {
  grid-area: commInfo;
}
.myForm2023 .commAuth {
  grid-area: commAuth;
}
.myForm2023 .commYour2 {
  grid-area: commYour;
}
.myForm2023 .signup {
  grid-area: signup;
}
.myForm2023 .submit {
  grid-area: submit;
}
.myForm2023 .year {
  grid-area: year;
}
.myForm2023 .day {
  grid-area: day;
}
.myForm2023 .month {
  grid-area: month;
}
.myForm2023 .bdInfo {
  grid-area: bdInfo;
}
.myForm2023.withAddy {
  grid-template-areas: "firstName firstName firstName firstName firstName firstName" "lastName lastName lastName lastName lastName lastName" "phone phone phone phone phone phone" "email email email email email email" "addy addy addy addy addy addy" "addy2 addy2 addy2 addy2 addy2 addy2" "city city city city city city" "state state state state state state" "zip zip zip zip zip zip" "bdInfo bdInfo bdInfo bdInfo bdInfo bdInfo" "month month month month month month" "day day day day day day" "year year year year year year" "commInfo commInfo commInfo commInfo commInfo commInfo" "commAuth commAuth commAuth commAuth commAuth commAuth" "commYour commYour commYour commYour commYour commYour" "signup signup signup signup signup signup" " . submit submit submit submit .";
}
.myForm2023.withAddy .addy {
  grid-area: addy;
}
.myForm2023.withAddy .addy2 {
  grid-area: addy2;
}
.myForm2023.withAddy .city {
  grid-area: city;
}
.myForm2023.withAddy .state {
  grid-area: state;
}
.myForm2023.withAddy .zip {
  grid-area: zip;
}
.visNone {
  visibility: hidden !important;
}
.sidebarImagesFlex {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.sidebarImagesFlex > .item img {
  display: block;
  width: 100%;
}
.sidebarGrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  margin-top: 30px;
}
.sidebarGrid > div.item {
  padding: 3%;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
}
.logoShopFlex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0px;
}
.logoShopFlex > .item {
  flex: 1;
  text-align: center;
  margin: -24px 0;
}
.logoShopFlex > .item img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 200px;
  margin: 0 auto;
}
.centerItText {
  text-align: center;
}
.recipeGrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
.recipeGrid .item {
  text-align: center;
}
.recipeGrid .item img {
  display: block;
  width: 100%;
}
.recipeGrid .item h2 {
  margin: 10px 0;
  font-family: brandon-grotesque, sans-serif;
  font-weight: bold;
  font-size: 1.3em;
  text-align: center;
  display: inline-block;
}
.recipeGrid .item a,
.recipeGrid .item a:link,
.recipeGrid .item a:visited {
  font-family: brandon-grotesque, sans-serif;
  border-style: solid;
  border-width: 0px 0px 3px;
  -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;
  color: #FFFFFF;
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
  font-style: normal;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-transition: all 200ms ease-in-out 0s;
  -o-transition: all 200ms ease-in-out 0s;
  transition: all 200ms ease-in-out 0s;
  white-space: nowrap;
  font-weight: 700;
  padding: 15px 29px;
  font-size: 17px;
  border-color: #000;
  background-image: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 5px 14px;
  font-size: 12px;
  background-color: rgba(221, 47, 39, 0.8);
  margin-top: 5px;
  border: none;
  width: 80%;
  margin: 0 auto;
  line-height: 1.2;
  display: block;
  max-width: 150px;
}
.recipeGrid .item a:hover {
  background-color: #dc2f27;
}
.recipeImage {
  display: block;
  width: 100%;
  margin-bottom: 0px;
}
.recipeGridInner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  grid-template-areas: "recipeImage" "description" "infoIngredients" "directions" "otherNotes";
}
.recipeGridInner .recipe-image {
  grid-area: recipeImage;
}
.recipeGridInner .description {
  grid-area: description;
}
.recipeGridInner .infoIngredients {
  grid-area: infoIngredients;
}
.recipeGridInner .directions {
  grid-area: directions;
}
.recipeGridInner .other-notes {
  grid-area: otherNotes;
}
.recipePage h3 {
  font-size: 1.2em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-family: arial;
  color: #999;
  border-width: 1px 0;
  border-style: dotted;
  padding: 5px 5px;
  margin-top: 0;
}
.recipePage ul,
.recipePage ol {
  margin: 0 0 30px 0;
  padding: 0 0 0 30px;
  font-size: 18px;
}
.recipePage ul li,
.recipePage ol li {
  margin-bottom: 10px;
}
.recipePage .description h1 {
  margin-bottom: 5px;
}
.recipePage .description .descText {
  font-weight: bold;
}
@media all {
  body:before {
    content: 'Extra Small Up';
  }
}
@media all and (min-width: 576px) {
  body:before {
    content: 'Small Up';
  }
  .myForm {
    grid-template-areas: "firstName firstName firstName lastName lastName lastName" "addy addy addy addy2 addy2 addy2" "city city state state zip zip" "phone phone phone email email email" "commInfo commInfo commInfo commInfo commInfo commInfo" "commAuth commAuth commAuth commAuth commAuth commAuth" "commLoc commLoc commLoc commYour commYour commYour" "signup signup signup signup signup signup" " . . submit submit . .";
  }
  /*
.myForm2023 {
	
	grid-template-areas: 
		"firstName firstName firstName lastName lastName lastName"
		"phone phone phone email email email"
		"bdInfo bdInfo bdInfo bdInfo bdInfo bdInfo"
		"day day month month year year"
		"commInfo commInfo commInfo commInfo commInfo commInfo"
		"commAuth commAuth commAuth commAuth commAuth commAuth"
		"signup signup signup signup signup signup"
		" . . submit submit . ."
		;
}
*/
  .myForm.flatscreen {
    grid-template-areas: "firstName firstName firstName lastName lastName lastName" "addy addy addy addy2 addy2 addy2" "city city state state zip zip" "phone phone phone email email email" "commInfo commInfo commInfo commInfo commInfo commInfo" "commAuth commAuth commAuth commYour commYour commYour" "signup signup signup signup signup signup" " . . submit submit . .";
  }
  .myForm.flatscreen.v2 {
    grid-template-areas: "firstName firstName firstName lastName lastName lastName" "addy addy addy addy2 addy2 addy2" "city city state state zip zip" "age age phone phone email email" "commInfo commInfo commInfo commInfo commInfo commInfo" "commAuth commAuth commAuth commYour commYour commYour" "signup signup signup signup signup signup" " . . submit submit . .";
  }
  .recipeGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media all and (min-width: 768px) {
  body:before {
    content: 'Medium Up';
  }
  .myForm2023 {
    grid-template-areas: "firstName firstName firstName lastName lastName lastName" "phone phone phone email email email" "bdInfo bdInfo bdInfo bdInfo bdInfo bdInfo" "month month day day year year" "commInfo commInfo commInfo commInfo commInfo commInfo" "commAuth commAuth commAuth commAuth commAuth commAuth" "commYour commYour commYour commYour commYour commYour" "signup signup signup signup signup signup" " . . submit submit . .";
  }
  .myForm2023.withAddy {
    grid-template-areas: "firstName firstName firstName lastName lastName lastName" "phone phone phone email email email" "addy addy addy addy2 addy2 addy2" "city city state state zip zip" "bdInfo bdInfo bdInfo bdInfo bdInfo bdInfo" "month month day day year year" "commInfo commInfo commInfo commInfo commInfo commInfo" "commAuth commAuth commAuth commYour commYour commYour" "signup signup signup signup signup signup" " . . submit submit . .";
  }
  .rightSide {
    display: block;
  }
  .logoShopFlex {
    flex-direction: row;
    gap: 20px;
  }
  .logoShopFlex > .item {
    margin: 0 0;
  }
  .recipeGrid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media all and (min-width: 992px) {
  body:before {
    content: 'Large Up';
  }
  .myForm2023 {
    grid-template-areas: "firstName firstName firstName lastName lastName lastName" "phone phone phone email email email" "bdInfo bdInfo bdInfo bdInfo bdInfo bdInfo" "month month day day year year" "commInfo commInfo commInfo commInfo commInfo commInfo" "commAuth commAuth commAuth commYour commYour commYour" "signup signup signup signup signup signup" " . . submit submit . .";
  }
  .myForm2023.withAddy {
    grid-template-areas: "firstName firstName firstName lastName lastName lastName" "phone phone phone email email email" "addy addy addy addy2 addy2 addy2" "city city state state zip zip" "bdInfo bdInfo bdInfo bdInfo bdInfo bdInfo" "month month day day year year" "commInfo commInfo commInfo commInfo commInfo commInfo" "commAuth commAuth commAuth commYour commYour commYour" "signup signup signup signup signup signup" " . . submit submit . .";
  }
  .sidebarGrid {
    grid-template-columns: 3fr 1fr;
  }
  .recipeGrid {
    grid-template-columns: repeat(4, 1fr);
  }
  .recipeGridInner {
    grid-template-columns: 3fr 1fr;
    gap: 10px 30px;
    grid-template-areas: "recipeImage infoIngredients" "description infoIngredients" "directions infoIngredients" "otherNotes infoIngredients";
  }
}
@media all and (min-width: 1200px) {
  body:before {
    content: 'Extra Large Up';
  }
  .myForm {
    grid-template-areas: "firstName firstName firstName lastName lastName lastName" "addy addy addy addy2 addy2 addy2" "city city state state zip zip" "phone phone phone email email email" "commInfo commInfo commInfo commInfo commInfo commInfo" "commAuth commAuth commLoc commLoc commYour commYour" "signup signup signup signup signup signup" " . . submit submit . .";
  }
}
@media all and (min-width: 1500px) {
  body:before {
    content: 'Super Large Up';
  }
}
/*# sourceMappingURL=oit-info.css.map */