/* Thumbnail grid
*/
.thumbnails .card {
	padding: 0.25rem;                        /* Decrease thumbnail border thickness */
	border-radius: 5px;                      /* Sharpen thumbnail border corners */
	box-shadow: 1px 2px 6px rgba(0,0,0,0.3); /* Make the drop shadow darker */
	/* Make border very translucent. Note that most Tiger styles use translucent borders,
	   but not all do and those that do use a high opacity. */
	background-image: none;                  
	background-color: rgba(255,255,255,0.3);
}

/* Thumbnail haver captions
*/
.thumbnails .cont.caption-over .card .caption {
	line-height: 1;							/* Reduce the caption text line spacing from 1.5 */
}
.thumbnails .cont.caption-over .card .caption small {
	font-size: 0.6875rem;           		/* Reduce the caption text font size from 0.8rem (ie. from 12.8 pts to 11pts) */
}
.thumbnails .cont.caption-over .card .caption span.nr {
	font-size: 0.875rem;         			/* Reduce the caption number font size from 1rem (ie. from 16pts to 14pts) */
}
.thumbnails .cont.caption-over.caption-on-hover .card:hover .caption {
	opacity: 0.7 ;							/* Make the hover-caption slightly transparent */
}

/* Match the border of the folders to that of
   the thumbnail grid.
*/
.folders .cont .card {
	padding: 0.25rem;                        /* Decrease thumbnail border thickness */
	border-radius: 5px;                      /* Sharpen thumbnail border corners */
	box-shadow: 1px 2px 6px rgba(0,0,0,0.3); /* Make the drop shadow darker */
	/* Make border very translucent. Note that most Tiger styles use translucent borders,
	   but not all do and those that do use a high opacity. */
	background-color: rgba(255,255,255,0.3);
	background-image: none;
}

/* Match the border of the map and facebook boxes to
   that of the thumbnail grid.
*/
.content section .cont.box {
	padding: 0.25rem;                        /* Decrease border thickness */
	border-radius: 5px;                      /* Sharpen border corners */
	box-shadow: 1px 2px 6px rgba(0,0,0,0.3); /* Make the drop shadow darker */
	/* Make border very translucent. Note that most Tiger styles use translucent borders,
	   but not all do and those that do use a high opacity. */
	background-color: rgba(255,255,255,0.3);
	background-image: none;
}

/* Match the border of the previous/next folder navigation buttons
   to that of the thumbnail grid.
*/
.prev-next-links .cont > *.has-bg {
	padding: 0.25rem;                        /* Decrease border thickness */
	border-radius: 5px;                      /* Sharpen border corners */
	box-shadow: 1px 2px 6px rgba(0,0,0,0.3); /* Make the drop shadow darker */
	/* Make border very translucent. Note that most Tiger styles use translucent borders,
	   but not all do and those that do use a high opacity. */
	background-color: rgba(255,255,255,0.3);
}

/* Lightbox
*/
.lightbox .lightbox-main {
	padding: 0.125rem;						/* Use a thin border that is approx twice the thickness of that used by the thumbnail grid. */
}
.lightbox .lightbox-main.iframe {
	background-color: rgba(255,255,255,0.3);	/* Use a transparent border around embedded iframes (ie. for youtube videos, etc.) */
}

/* Face tags
*/
.lightbox .lightbox-main .regions > * span {
	/* Display face tags above the region and show the full text
	*/
	top: -2em;
	max-width: none;
}

/* Top Bar
*/
/* Hide the top bar when it only has a "home" button. Show
   the top bar when it displays a folder menu or page menu.
*/
section.top-bar {
	display: none;
}
section.top-bar.has-menu { /* top bar has a folder menu */
    display: initial;
}
/* Allow the top bar to be as wide as the screen before it wraps
*/
section.top-bar .cont {
    max-width: 100%;
}

/* Footer
*/
/* Allow the footer to be as wide as the screen before it wraps
*/
section.footer .cont {
    max-width: 100%;
}

/* Hero
*/
/* Make the "Start slideshow button the same size
   as the "sharing" and "help" buttons
*/
.hero .start-show .button {
	width: 2.375rem;
  height: 2.375rem;
  padding: 0.625rem;
}
.hero .start-show .button:before {
	font-size: 1rem;
}
.hero .start-show .text {
	line-height: 2.375rem;
  font-size: 1rem;
}
/* Shrink the size of the search box embedded in the hero header
*/
.Xhero header .search {
	line-height: 1rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
div.Xsearch-input input {
	line-height: 1rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}