/* 
	New Photo Gallery 2016
	Custom for owenSoft.net
	Updated 10/11/2020
------------------------------------------------------------ 
*/

.pg { 
	/* ahh */
	mar1gin-right:1%;
	ma1rgin-right:5px;
	bor1der:2px solid red;
}

.pg div {
	b1ox-sizing: border-box;
	float:right;
	line-height: 0;

	clear:none;	
    position: relative;
	cursor: zoom-in;
}

.pg div {
	border-left:3px solid transparent;
	border-bottom:4px solid transparent;
}

.pg div img {
/*
	bor1der-right:5px solid white;
	bor1der-bottom:5px solid white;
	bo1rder-color:rgba(255, 255, 255, 1);
	*/
}

.pg .pg_left {
	float:left;
}

.pg p { 
	line-height: 150%;
	position:absolute;
	z-index: 2;
	
	bottom:0;	
	right:0; 

	font-size:0.9em;

	margin:12px;
	padding:2px;
	f1ont-family:tahoma;
}

.pg p span { 
	background-color:#fff;
	padding:2px;
	border-radius:2px;
	
	background-color:rgba(255, 255, 255, 0.8);
	color:#000;
}

.pg a, .pg a:visited, .pg a:link {
	color:black;
	text-decoration:underline;
}

.pg div img {
	width:100%;
}

.pg_single div, .pg_single div img { width:auto; max-width:100%; text-align:center; }  /* fix for old small photos */

.pg p img { 
	width:auto;
}

.pg a, .pg a:hover, .pg a img, .pg a img:hover  {
	padding:0; margin:0;
	border-width:0;
}


/* special blocks ------------------------------------------------------------------ */

/* articlethumb */

.pg_articlethumb div {
	clear:right;
    border-radius: 8px;
	margin:15px;
}

.pg_articlethumb .pg_a {
	float:left;
}

/* article_thumbgrid */

.article_thumbgrid div {
    border-radius: 8px;
	margin:5px;
	overflow:hidden;
}

.article_thumbgrid .pg_spacer {
	height:190px;
}
 
/* pg_sidequest */

.pg_sidequest div, .pg_sidequest2 div {
	clear:right;
	margin:10px;
    border-radius: 3px;
	overflow:hidden;
}

.picblog p, .picblog_fifty p { /* 9/27/2020 */
	font-size:inherit;
	position:relative;
}

.picblog div, .picblog2 div {
	bor1der:1px solid red;
}

/* piclr_fifty */

	.piclr_fifty div {
		margin-bottom:30px;	
		float:left;
	}

	.piclr_fifty p {
		font-size:normal;
		position:relative;
		float: right;
		width:42%;
		font-family:inherit;
		bo1rder:1px solid gray;
		padding:0;
	}

	.piclr_fifty .pg_wdesc img  {
		width:42%;
		float: left;
		clear:none;
		margin-left:8%;
	}

	.piclr_fifty .pg_a {
		float: left;
	}

	.piclr_fifty .pg_a p {
		float: left;
	}

	.piclr_fifty .pg_a img  {
		float: right;
	}


/* Image sizes
------------------------------------------------------------ 
*/

.pg_micro { width:20%; }

.pg_thumb {	width:40%; margin-left: 10px; }

.pg_fifty {	width:49.4%; }

.pg_sixty {	width:65.8%; } 

.pg_third {	width:32.8%; }

.pg_quarter { width:24.6%;  } 

.pg_twenty { width:19.58%; }

.pg_norm {	width:99.2%;   } /* margin-bottom:1%; 25-Apr-22 added 1% */

.pg_single .pg_norm { float:none; clear:both; } /* make it stay at its normal res */

.pg_single .pg_norm { width:auto; } /* make it stay at its normal resolution */

.pg_insta {	width:30.5%; margin-right:2%; margin-bottom:2%; }

.pg_insta50 { width:45.0%; margin-right:4%; margin-bottom:4%;  }

.pg_sidequest .pg_br, .pg_sidequest2 .pg_br, 
	.pg_articlethumb .pg_br, .piclr_fifty .pg_br, .thumbnail .pg_br, .three1 .pg_br {
	display:none;
}

/* stuff  ------------------------------------------------------------ */

.pg_gap { clear:both; }
.pg_br { clear:both; padding:0; margin:0; border:1px solid red; }

.pg_vspacer, .pgs {
	display:none;
}

.pg .pg_spacer { /* 12/26/2019 */
	display:block;
	float:right;
	clear:both;
	height:240px;
}

.pg .pg_clear { /* 12/26/2019 */
	display:block;
	float:left;
	clear:both;
}

/* tool tips ------------------------------------------------------------ */

.tip a, .tip a:link, .tip a:visited, .tip a:hover {
	display:block;
	padding-left:30px;
	background-color:transparent;
	font-size:1em;
	text-decoration:none;
	text-shadow: 1px 1px #fff;
	border-width:0;
}

.pg div .tip {
	line-height:normal;
	position:absolute;
	display:block;
	right:0;
	margin:15px;

	background-image: url(/v4/image/heart.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-color:transparent;
	color:white;

	vertical-align: middle;

	border:0px solid red;
	vertical-align: middle;
}

.pg div .tip  {
	
}

.pg div .mtz {
	display:block;
}

.pg div:hover .tip  {
	display:block;
}

.pg_single div .tip, .pg_single p { /* 20-Dec-22 8*/
	bord1er:5px solid red;
	text-align:center;
	right:50%;
}

/* Responsive Design
------------------------------------------------------------ 
*/

	/* middle range screens */

	@media screen  and (min-width: 710px) and (max-width: 1590px) {
		.pg_articlethumb div, .thumbnail div {
			max-width:35%;
		}
	}


	/* small screens and phones */
	@media screen  and (max-width: 700px) {
		.pg div {
			padding:0; margin:0;
		}
		.pg_articlethumb div, .thumbnail div, /* .pg_thumb, .pg_micro, */ .pg_fifty, .pg_sixty,
		.pg_third, .pg_twenty, .pg_single, .pg_norm, .pg_insta, .pg_insta50,
		.pg_sidequest div, .pg_sidequest2 div, .pg_quarter  {
			width:100%;
			padding:0;
			margin:0;
		}
	}

	/* super large screens */
	@media screen  and (min-width: 1250px) {
		.pg div {
			display:inline-block;
			vertical-align:top;
			ma1x-width:1920px;
			max-width:1600px;
			bor1der-color:red;
			m1ax-width:30%;
			ma1rgin:1%;
		}
		.pg_articlethumb div, .thumbnail div {
			max-width:35%;
		}
	}

/* must be last */

	.pg_clicked {
		width:auto;	
		max-width:1600px;
		width:100%;
		margin:0;
	}

	.piclr_fifty .pg_clicked img, .piclr_fifty .pg_clicked p {	
		width:auto;	
		max-width:100%;
	}

	.pg_clicked img {
		border:2px solid gray;
		padding:2px;
	}

	.pg_clicked p {
		f1ont-size:110%;
	}

	.pg textarea {  /* hack to overide auto form 11/24/2017 8:23 AM */
		width:100%;
		padding:0; margin:0;
	}