@charset "utf-8";
/* CSS Document */

/*#thumbplace_5020898 {transform: translateY(1rem); margin-bottom: 1rem;}
#news {height: 260px;}
#news > ul {margin-left: 150px;}
*/
/*#ajhsig {left: 300px;}*/

.sectionHeading {clear: both; border: thick ridge var(--borderYellow); min-height: 1.5em; padding: .25rem 0 .5rem;
	text-align: center; box-shadow: 2px 2px 4px black; border-radius: 7px;}
@media screen {.sectionHeading {color:var(--galleryYellow); background-image: var(--galleryImage);}}
@media print {.sectionHeading {border: thin solid black;}}
section > p:first-of-type {margin: 1em 0;}
h3 {margin-bottom: 0;}

#bottomPanel p:first-of-type {margin: 0;}

#strolls > ul {display: grid; grid-column-gap: 5px; grid-row-gap: 5px;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));}
#strolls > ul > li {display: flex; flex-direction: column; justify-content: space-between; position: relative; max-width: 190px; padding: 5px;}
#strolls h3 {margin: 0; text-align: center; height: 2.5em;}
#strolls .thumbplace {margin: 0 auto 5px;}
#strolls figure {margin: auto; height: 165px; display: flex; flex-direction: column;}
#strolls img {margin: auto;}
#strolls li > p {margin: 0; font-size: small; height: 3rem;}
#strolls li.boxOut, li.boxOut img {cursor: pointer;}
#strolls li.boxOut:hover {box-shadow: 2px 2px 4px black;}
#strolls li.boxOut:focus {outline: var(--outlineGeneral); outline-offset: 1px;}
/*li.boxOut .thumbbuttons,li.boxOut img[title]:hover {display: none;} */
#strolls .thumbbuttons, #strolls figcaption {display: none;}


#intro h2+p {margin: 0.5em 0;}
#intro h3 {font-size: x-large; text-align: center; margin: 0 0 5px; font-weight: bold;}
#previews {margin: 0; padding: 5px; list-style: none;}
#geogidx p, #subjectidx p {margin-top: 0;}
#geogidx p:last-of-type, #subjectidx p:last-of-type {margin-bottom: 0;}
#previews li:last-of-type {clear: both;}

#news h2 > a {background-image: url(/images/icons/rss-icon.gif); width: 16px; height: 16px; display: block; text-indent: -3000px; 
	overflow: hidden; margin-right: 4px;}
#news li {margin: 0 0 0 1rem;}
#news > a:nth-child(2) {background-image: url(/images/partners/valid-rss.png); width: 88px; height: 31px; display: block; text-indent: -3000px; overflow: hidden; 
	float: right; margin: 1em 0 0;}
#news h2 > a {float: right; border: none;}

#information p {margin-top: 0; font-size: small;}
#information .btnhelp {margin: 2px 5px 0 0; float: left;}

#disclaimer p {font-size: small;}


@media screen 
{
	#previews {display: flex;}
	#previews > li {display: flex; flex-direction: column; padding: 0 2px}
	#geogidx > div > a, #subjectidx > div > a {margin: 0 10px 0 5px; float:left; border:none; display: block; text-indent: -3000px; overflow: hidden;}
	#geogidx > div > a {background-image: url(images/geog.jpg); width: 205px; height: 191px;}
	#subjectidx > div > a {background-image: url(images/subject.jpg); width: 205px; height: 195px;}
	
	#information .blackwelllogo {float: right; margin: -20px 0 0 10px;}
	.btnmore {margin: 0 0 0 auto;}
	#strolls .btnmore {margin: 1rem 0 0 auto;}

	
	/*#rings div {margin: 1em 0;}
	#rings div:last-child  {float: right;}
	#rings div:first-child {float: left;}
	
	#rings a {font: bold 10pt var(--defaultBodyFontFamily);}
	#rings h3, #rings li {border: medium ridge white; text-align: center; background: #d0d0d0;}
	#rings h3 {margin: 0; padding: 2px 0 5px;}
	#rings h3 > a {color: blue;}
	#rings ul {list-style: none; margin: 0; padding: 0;}
	#rings li {float: left; border-top: none; width: 5.5em; padding-bottom: 5px;}
	#rings li:nth-child(n+2) {border-left: none;}
	#rings li > a {color: black;}	*/
}
@media print {
	/*#ringsection,*/ 
	#geogidx > div > a, div > #subjectidx > a {display: none;}
}
@media (pointer: fine), (pointer: none) {
	/* desktop */
}
@media (pointer: fine) and (any-pointer: coarse) {
	#previews > li {flex-direction: column;}
	#geogidx > div > a, #subjectidx > div > a {margin: 0 calc((100% - 205px) / 2); }
	/*#ajhsig {left: 270px;}*/
	#intro h3 {font-size: large;}
	/* touch desktop */
}
@media (pointer: coarse)  
{
	/* mobile device */
	#previews {flex-direction: column;}
}