/*--------------------------------------------------------------
!!!!! IMPORTANT NOTES !!!!!!!!!!

Breakpoints 

phones: max-width: 599px
lg phones and small tablets: max-width: 767px
tablets: max-width: 992px
laptops & desktops: min-width: 993px;

#e40707 = link colours
#cd1d1d = button background
#fa7c7c = button border
#622 = button border

*/
/* similarities on each custom post type archive page */
#periodicallist,
#photolist,
#filmlist,
#posterlist,
#ephemeralist,
#audiolist,
#buttonlist,
#documentlist {display: flex; flex-wrap: wrap;}

.periodicalitem,
.photoitem,
.filmitem, 
.posteritem,
.ephemeraitem,
.audioitem,
.buttonitem,
.documentitem,
.postitem,
.archiveitem { width: 30%; min-width: 15em; max-width: 500px; border: solid 1px #cccccc; margin: 1%; padding: 1em;}


.photothumb,
.periodicalthumb,
.filmthumb,
.posterthumb,
.ephemerathumb,
.audiothumb,
.buttonthumb,
.docummentthumb,
.postthumb,
.archivethumb  {width: 100%; display:flex; max-height: 200px; min-height: 100px;
	 max-width: 500px; overflow:hidden; justify-content: center; }
		
.periodicalthumb img,
.photothumb img,
.filmthumb img,
.posterthumb img,
.ephemerathumb img,
.audiothumb img,
.buttonthumb img,
.docummentthumb img,
.postthumb img,
.archivethumb img {
		width: 150px;
		height: 150px;
		object-fit: cover;
	  }


.periodicaltext,
.phototext,
.filmtext,
.postertext,
.ephemeratext,
.audiotext,
.buttontext,
.docummenttext,
.posttext,
.archivetext {padding: 1em; overflow: hidden;}

.periodicalitem a,
.photoitem a,
.filmitem a,
.posteritem a,
.ephemeraitem a,
.audioitem a,
.buttonitem a,
.documentitem a,
.postitem a,
.archiveitem a {display: flex;font-size: .75em; text-decoration: none; font-weight: normal; justify-content: center;}

.periodicalitem a:hover,
.photoitem a:hover,
.filmitem a:hover,
.posteritem a:hover,
.ephemeraitem a:hover,
.audioitem a:hover,
.buttonitem a:hover,
.documentitem a:hover,
.postitem a:hover,
.archiveitem a:hover {font-weight: normal;}


.periodicalmeta,
.photometa,
.filmmeta,
.postermeta,
.ephemerameta,
.audiometa,
.buttonmeta,
.docummentmeta,
.postmeta, 
.archivemeta {text-align: right;margin: 0; padding: .25em 0; font-size: .75em;
border-top: solid 1px #efefef;border-bottom: solid 1px #efefef;}


.photometa,
.periodicalmeta,
.filmimeta p,
.postermeta p,
.ephemerameta p,
.audiometa p,
.buttonmeta p,
.docummentmeta p, 
.archivemeta p,
.postmeta p  {margin: .5em 0;}



/* issue listing */

.issue-listing {width: 100%; border: solid 1px #ccc;}