/**
 * @file Mobil-stylesheet for Madmand (porteret fra D7)
 * */

@media all and (max-width: 1000px) {
  .node-teaser .field-name-field-image { float: none; margin: 0; }
}

/* Narrower than 750px - mainly phones */
@media all and (max-width: 1050px) {
  /* div { outline : 1px solid red; } */
  /* Grid */
  #page { display: grid; grid-template-columns: 1fr;
    grid-template-areas:
      "header"
      "menu"
      "content"
      "sidebar-second"
      "sidebar-first"
      "footer";
      padding: 0; }

  #sidebar-first,
  #sidebar-second,
  #block-system-main .content ,
  #footer,
  #header { height: auto; width: 94.5vw; }

  #main-menu { display: none; }
  .block .content,

  #content { margin: 0 auto; border: 0; /* width : 110vw; */ }
  table { width : 94vw; }
  table.views-view-grid { width: 87vw; }
  
  table.views-view-grid.cols-2 tr td { display: inline-block; height: auto; width: 82vw; }
  table.views-view-grid.cols-2 tr td img { float: right; margin-left: 10px; }

  .field-name-field-tags,
  #site-slogan { display: none; }
  #block-search-form { float: none; margin: 0 auto; border-top: 2px solid #336666; padding-top : 1em; }
  .node-article blockquote { margin-left : auto; }
  .node-teaser .field-name-field-image { float: none; margin: 0; }
  .node-article.node-teaser .field-name-field-image img { width: 100%; }
  .view-id-subjects .view-content { column-count: auto; columns: 1; }
  .region-sidebar-first ul { margin: 0; -webkit-margin-before : 0;     -webkit-margin-after: 0;    -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; margin: 0 0 0.25em 0.75em; }

  .page-indhold #content .views-field-field-image,
  .page-indhold #content .views-field-field-cover-image,
  .page-forside #content .views-field-field-image,
  .page-forside #content .views-field-field-cover-image { float: none; margin: 0; }

  .views-field-field-cover-image { /* width: 94vw; */ }
  .field-type-image img,
  .views-field-field-image img { max-width: 90%; height: auto; }
  
  .node-longread-simple-chapter .field-name-field-chapter-image,
  .node-blog .field-name-field-cover-image,
  .node-longread-article .field-name-field-cover-image { float : none; text-align: center; }
  .views-field-field-cover-image img,
  .field-name-field-chapter-image img,
  .field-name-field-cover-image img,
  .field-name-field-cover-image img { max-width : 85vw !important; height: auto !important; }

  .node-longread-simple-chapter .field-name-field-chapter-image,
  .node-blog .field-name-field-cover-image,
  .node-longread-article .field-name-field-cover-image {
    margin : 1em auto;
  }
  .node-blog .field-name-field-image,
  .node-article .field-name-field-image,
  .node-recipe .field-name-field-image { float : none; margin : 1em auto; }

  .node-longread-simple-chapter .field-name-field-chapter-image .caption,
  .node-blog .field-name-field-cover-image .caption,
  .node-longread-article .field-name-field-cover-image .caption {
    margin-bottom : 1em;
  }

  #block-views-front-page-front-2 table tr td { padding-bottom: 2rem; text-align: center; }
}
@media all and (max-width: 1050px) {
  .views-view-responsive-grid__item img { float: right; margin-left: 10px; }
  .page-indhold #content .views-field-field-image img,
  .page-forside #content .views-field-field-image img { float: none; margin: 0; }
}