@charset "UTF-8";
/* MAIN DIFFERENCES */
.nophone {
  display: none !important; }

body {
  margin: 12px;
  display: grid;
  grid-template-columns: auto;
  grid-template-areas: "header" "content" "footer";
  grid-row-gap: 12px; }

body.centered {
  margin: 12px;
  max-width: unset;
  min-width: unset; }

#leftnav {
  display: none; }

header#masthead {
  margin: 0; }
  header#masthead img#masthead {
    max-width: 100%; }
  header#masthead #searchbox {
    display: none; }

h1 {
  font-size: 26pt;
  line-height: 1; }
  h1:first-of-type {
    margin-top: initial; }

ul.recipelist {
  padding-left: 16px; }

div#infobox {
  /* get rid of the border in mobile mode */
  border: none;
  padding: 0; }
  div#infobox p {
    margin: 2px 0; }
  div#infobox a.editbutton {
    float: none;
    max-width: none;
    min-height: 48px;
    font-size: 16pt;
    padding: 8pt;
    margin: 6px 0; }

/* RECIPE EDIT CHANGES */
.recipe_edit .recipe_block {
  padding: 0.25em 0.4em; }
  .recipe_edit .recipe_block:first-of-type {
    margin-top: 0; }

.recipe_edit {
  /* make arrows point up and down */ }
  .recipe_edit div#cats_flexer {
    display: initial; }
  .recipe_edit div.cats.controls button#cat_add:before {
    content: "▲"; }
  .recipe_edit div.cats.controls button#cat_del:after {
    content: "▼"; }

/* HOME PAGE CHANGES */
#home h2 {
  margin-top: 0; }

#home div#clickme {
  padding: 24px 0; }
  #home div#clickme form.searchbox, #home div#clickme div {
    margin: 0 0 24px 0; }

#home #boxes .flexbox {
  width: 100%;
  flex: unset; }

#home #boxes #intro {
  order: 9; }

#home #boxes #recent-changes ul {
  padding-left: 20px; }