/* 1. classic template */


/* == Gallery pagination == */
.pagenums { display: flex; align-content: center; margin-top: 2rem;}
.pagenums span { padding: .5rem 1rem; margin-right: .5em; font-size:.9em;font-weight:400;}
.typeDropDown {margin-bottom:2em;}
.news_blob {margin-bottom:1.5em;padding-bottom:.8em;}
.news_blob:not(:last-child) {border-bottom:dotted 1px var(--lineColor);}

section:empty, picture:empty { display: none; }

h1 {font-size:2em;}
h2 { font-size: 1.5em; }
h3 { Font-size: 1.2em; }

/*  .news_intro, .news_intro p { font-weight: normal; }
*/
select {
    height: 3em;
    padding: 0em 1em;
    margin: 0em;
    font-size: 1em;
    font-family: inherit;
    line-height: normal;
    color: #8a8a8a;
    background-color: #fafafa;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    border:1px solid #cacaca;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb(51, 51, 51)"></polygon></svg>');
    background-size: 9px 6px;
    background-position: right .75em center;
    background-repeat: no-repeat;
}

  .home_headlines ul {margin-top:1em;}
h1:first-of-type { margin-bottom: 3rem; }

.mailinglist_subhead {margin-top:2em;}

@media (max-width: 1023px) {
  .headerText {font-size:6vw;font-weight:500;text-transform:uppercase;}
  .burger {content:url('menu.png'); margin-right:0em;height:20px;}
  .bodycopy, .news_exhibitions, .gallery, .multiple {padding:1.5em 1em;}
  .exhibitions {padding-bottom:1.5em;}

  .multiple_galleries {display:grid; grid-template-columns:1fr; grid-gap:.5em; margin-bottom:2.5em; }
  .multiple_gallery_thumbnails {display:grid; grid-template-columns:repeat(auto-fit, minmax(50px, 1fr)); grid-gap:1em;}
  .multiple_gallery_thumbnail:nth-child(2) { display: block;}

  .multiple_gallery_title {order:1;}
  .multiple_gallery_thumbnails {order:2;}
  .multiple_gallery_intro {display:none;}

  .gallery {display:grid;}
  .gallerytitle {order:1}
  .thegallery {order:2;}
  .galleryblurb {order:3;}

  .randompictxt {margin-left:1em;}
  .mailinglist_subhead { margin-bottom: 2rem;}

  .header {padding:1.5em;}
  .footer {padding:1em;}
  
}

@media (min-width: 768px) {
  .gallery{display:grid;grid-template-columns:1fr;}
  .thumbnail_grid {grid-template-columns:repeat(auto-fill, minmax(150px,1fr));}
  .multiple_galleries {display:grid; grid-template-columns:1.5fr 2fr; column-gap:2em; row-gap:.5em; padding-bottom:1.2em;margin-bottom:1.2em; grid-template-areas:'thumb category' 'thumb intro';grid-template-rows: auto 1fr;}
  .multiple_galleries:not(:last-child) {border-bottom:dotted 1px var(--lineColor);}
  .multiple_gallery_thumbnails {grid-area:thumb; display:grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); grid-gap:1em;}
  .multiple_gallery_title {grid-area:category;}
  .multiple_gallery_intro {grid-area:intro;}
  .multiple_gallery_intro {display:block;}
  
  /* Contact */
  .mailinglist_subhead { margin-bottom: 2rem;}
}

@media (min-width: 1024px) {
  body {font-size:1.5em; padding:0em 1.5em;}
  a.navd, .nav__dropdown-toggle  {font-size:0.9em; margin-left:1.5em;}
  .container { max-width: 75em; margin: 0 auto; }
  .headerText {font-size:4vw;}
  h1 {}
  h1, h2, h3 { margin-bottom: 1em; font-weight:400;}
  .content {padding:0px;margin: 0; }

  .cv, .contact, .custom, .subscribe, .news {display:grid; grid-template-columns: fit-content(50%) 1fr;
    grid-template-areas: 
    'image copy'
  }
  .featured-image {grid-area:image;padding-right:2em;}
  .bodycopy {grid-area:copy;margin-bottom:25px;}

  .home {display:grid; grid-template-columns: fit-content(50%) auto; align-content:start; grid-template-areas: 'image copy' 'image news'; }
  .home .news_exhibitions {grid-area:news;display:grid; grid-gap:2em; margin-bottom:2em;}
  .home_news {margin:0px;max-width:600px;}

  /* Gallery */
  .gallery {display:grid; grid-template-columns: 2fr 1fr; grid-gap:2em; align-content:start;grid-template-rows:auto 1fr; grid-template-areas: 'gallery title' 'gallery blurb';}
  .gallerytitle {grid-area:title;}
  .galleryblurb {grid-area:blurb;}
  .thegallery {grid-area:gallery;}
  .thumbnail_grid {grid-gap: 1rem; }


  /* Header */
  .headerText {font-size:3vw;}
  .nav-ul {display: inline-block;}
  .header { border-bottom: solid 1px var(--lineColor); padding: 0px; margin-bottom: 3rem; background: transparent; }
  .header-wrapper { padding: 3rem 0 2rem 0; display: grid; grid-template-columns: 1fr 2fr; grid-gap: 2rem; align-items: baseline}
  /* .headerText {font-size: 40px !important;} */
  .bigmenu { text-align: right; max-width: 99%;}
  
  .smallmenu { display: none; }
  .more_headlines ul li, .home_headlines ul li { margin-bottom: .5rem; padding-bottom: .5rem; border-bottom: dotted 1px var(--lineColor); }
  .more_headlines ul li:last-child, .home_headlines ul li:last-child { border-bottom: none; }

  /* News */
  .more_headlines {  position: sticky; top: 3rem; max-height: 90vh;/*  z-index: -1000; */}
  .news .bodycopy  { grid-column-start: 2; }
  .readnews .bodycopy { grid-template-columns: 2fr 1fr; grid-gap: 3rem; grid-column-start: 2;}

  /* Footer */
  .footer { grid-template-columns: auto auto; border-top: 1px solid var(--lineColor); background: transparent; padding: 2rem 0; }
  .social-footer { display: block;}
}

