/*
 * Use the attribute "noprint" on a tag or div to avoid printing that area.
 * We cannot use the :has selector as it is not widely supported in browsers, so we end up with a "noprint".
 * We do not use "visibility", it seems easier but keeps the spacing/formatting.
 * Children that are set visible do not (I think) inherit from their parent the styling and it is therefore displayed strangely.
 */
*[noprint] {
	display: none;
}

/*
 * Use the printarea to limit a specific subsection to print
 */
*[printarea] {
	
	/* The printarea is always visible */
	visibility: visible;
	
	/* Enforce a page-break after all these areas */
	page-break-after: always;
	
	/*
	Force printing background colors (e.g. in the list of members).
	Non-standard, but the below works on most Desktop browsers (webkit-based).
	https://caniuse.com/?search=-webkit-print-color-adjust
	*/
	-webkit-print-color-adjust: exact;
	
	/*
	If it doesn't work, the query below asks the browser not to simplify the page by removing colors.
	Required for Firefox.
	*/
	print-color-adjust: exact;
	
}

h1, h2, h3 {
	text-align: center;
}

table {
	border: 1px solid;
  }

/**
 * Use the thumb to print a subset of articles and images to fit 4 articles horizontally
 */

.thumb {
	display: inline-block;
	height: auto; 
    width: auto; 
    max-width: 24%;
	border: dotted black 1px;
}

/* Used for badges */
.badges {
  display:none;
}

.thumb img {
	height: auto; 
    width: auto; 
    max-width: 100%; 
    max-height: 100%;
}

.thumb p {
	font-size:12px;
	height: auto; 
  width: auto; 
}


/* Used for badges */
.badges {
  position: absolute;
  z-index: 2;
  right: 5%;
  bottom: 5%;
  height: auto;
  width: auto;
  max-width: 15%;
}