.container
{
	max-width: 95%;
}

h1
{
	float: none;
	display: inline-block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 20pt;
	font-family: montserratregular, cabin, oswald, arial;
	font-weight: normal;
	text-shadow: none;
	border-bottom: 1px solid #CCCCCC;
	border-bottom: none;
	text-align: center;
	text-transform: none, uppercase;
}

h2
{
	float: none;
	display: inline-block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	margin-top: 15px;
	font-size: 12pt;
	font-family: avenir, arial;
	font-weight: normal;
	text-align: center;
	color: #444444;
	line-height: 140%;
}

#membersearchdiv
{
	display: inline-block;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 0px;
}

#contentdiv
{
	display: inline-block;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 0px;
	text-align: justify;
}

#pagelistdiv
{
	display: inline-block;
	text-align: right;
}

.linkPageList,
.linkPageList:active,
.linkPageList:link,
.linkPageList:visited
{
	display: inline-block;
	vertical-align: middle;
	font-size: 10pt;
	font-family: helvetica, arial;
	margin-left: 10px;
	color: #444444;
}

.linkPageNumber,
.linkPageNumber:active,
.linkPageNumber:link,
.linkPageNumber:visited
{
	padding: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid transparent;
	border-radius: 2px;
}

.linkPageNumber:hover
{
	border: 1px solid #999999;
}

.linkPageNumberSelected,
.linkPageNumberSelected:active,
.linkPageNumberSelected:link,
.linkPageNumberSelected:visited
{
	border: 1px solid #AAAAAA;
}

.linkPageImage
{
	display: inline-block;
	vertical-align: middle;
	max-height: 16px;
	padding: 3px;
	border: 1px solid transparent;
}

.linkPageImage:hover
{
	border: 1px solid #999999;
}

.linkExtraPageList,
.linkExtraPageList:active,
.linkExtraPageList:link,
.linkExtraPageList:visited
{
	display: inline-block;
	vertical-align: middle;
	font-size: 10pt;
	font-family: helvetica, arial;
	margin-left: 2px;
}

.linkExtraPageNumber,
.linkExtraPageNumber:active,
.linkExtraPageNumber:link,
.linkExtraPageNumber:visited
{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	border: 1px solid transparent;
	border-radius: 2px;
}

.linkExtraPageNumber:hover
{
	border: 1px solid #999999;
}

#psort
{
	display: inline-block;
	padding-right: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
}

.artistDiv
{
	display: inline-block;
	box-sizing: border-box;
	width: 31%;
	max-width: 500px;
	padding: 18px;
	border: 1px solid rgba(0,0,0,0.175);
	border-radius: 2px;
	margin-bottom: 60px;
	text-align: center;
	text-align: left;
	line-height: 100%;
	vertical-align: top;
	box-shadow: 0px 20px 8px -12px rgba(0,0,0,0.075);
	background-color: rgba(0,0,0,0.035);
}

.headshotTextContainerDiv
{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
}

.headshot
{
	display: inline-block;
	width: 18%;
	height: auto;
	box-sizing: border-box;
	border: 1px solid #CCCCCC;
	border: none;
	border-radius: 50%;
	background-color: #EEEEEE;
	box-shadow: 0px 8px 8px -5px #999999;
	vertical-align: middle;
}

.textContainerDiv
{
	display: inline-block;
	width: 70%;
	margin-left: 4%;
	vertical-align: middle;
}

.artistName
{
	display: inline-block;
	width: 100%;
	font-size: 14pt;
	font-family: montserratregular, oswald, arial;
	letter-spacing: 0px;
	color: #444444;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.artistLocation
{
	display: inline-block;
	width: 100%;
	padding-top: 0px;
	font-size: 10pt;
	font-family: avenir, arial;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.artistDate
{
	display: inline-block;
	width: 100%;
	padding-top: 0px;
	font-size: 10pt;
	font-family: avenir, arial;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}            

.artistWebsite
{
	display: inline-block;
	width: 100%;
	padding-top: 0px;
	font-size: 10pt;
	font-family: avenir, arial;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}      			

.artistDiv a,
.artistDiv a:link,
.artistDiv a:active,
.artistDiv a:hover
{
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	text-decoration: none;
}

.artworkContainerDiv
{
	display: inline-grid;
	box-sizing: border-box;
	width: 100%;
	margin-top: 25px;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: 1fr 1fr;
	gap: 5px;
	border: none;
	
}

.imageArtwork
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
	background-color: #EEEEEE;
	box-shadow: 0px 8px 8px -5px rgba(0,0,0,0.20);				
	
}

.imageArtwork:nth-of-type(1)
{
	grid-row: span 2;
	grid-column: span 2;
}            

.imageArtwork:nth-of-type(n + 8)
{
	display: none;
}            

.imageArtwork[data-light-image='1']
{
	border: 1px solid rgba(0,0,0,0.10); 
}            

#sortContainerDiv
{
	display: flex;
	box-sizing: border-box;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	column-gap: 10px;
	
	width: 100%;
	padding-top: 15px;
	text-align: left;
}

#textSort
{
	display: inline-block;
	box-sizing: border-box;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 10pt;
	font-family: avenir, arial;
	color: #444444;
}

.sortDiv
{
	display: inline-block;
	box-sizing: border-box;
}

.sortButton
{
	display: inline-block;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10pt;
	font-family: avenir, arial;
	color: #444444;
	border: 1px solid #999999;
	border-radius: 4px;
}

[data-selected = '1'] .sortButton span:before
{
	padding-right: 6px;
	content: "\e013";
	font-family: glyphicons;
	color: #445577;
	vertical-align: -1px;
}

#textDistance,
#textChangeLocation
{
	display: inline-block;
	font-size: 10pt;
	font-family: avenir, arial;
}

#textChangeLocation
{
	display: none;
}

.linkDistance,
.linkDistance:active,
.linkDistance:link
{
	font-size: inherit;
	font-family: inherit;
	color: inherit !important;
	text-decoration: underline;
}

.paginationContainerDiv
{
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	
	width: 100%;
	padding-bottom: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #999999;
}

#keywords
{
	display: inline-block;
	vertical-align: middle;             
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 10pt;
	font-family: arial;
	color: #222222;
	background-color: #FFFFFF;
	border: none;
	outline: none;            
}

@media screen and (max-width: 1200px)
{
	.artistDiv
	{
		width: 48%;
	}
}

@media screen and (max-width: 640px)
{
	.paginationContainerDiv
	{
		justify-content: center;
	}
	
	#countdiv
	{
		display: none;
	}

	#psort
	{
		display: none;
	}
	
	#keywords
	{
		font-size: 16px;
	}
	
	#sortContainerDiv
	{
		justify-content: center;
		align-items: flex-start;
	}

	.sortButton
	{
		font-size: 9pt;
	}
	
	#textDistance
	{
		display: none;
	}

	#textChangeLocation
	{
		display: inline-block;
		padding-left: 5px;
		font-size: 9pt;
	}
           
	.artistDiv
	{
		width: 100%;
	}                
	
}

@media screen and (max-width: 480px)
{
	.container
	{
		max-width: 100%;
	}
 
	h2
	{
		display: none;
	}
 
	.artistDiv
	{
		padding: 10px;
	}
	
	.artworkContainerDiv
	{
		margin-top: 15px;
	}
	
}