article {
	width: 670px;
	padding: 0;
	background-color: #2f2f2f;

	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	box-sizing: border-box;

}

.article {
	width: 670px;
	/* padding: 0 10px; */
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	/*align-items: stretch;	*/
	box-sizing: border-box;
	background-color: #f2f2f2;
}
.article-title {	
	color: #09488f;
	width: 100%;
	margin: 6px 0 4px 0;
	padding: 0 10px;
	font-size: 24px;
	font-weight: bold;
	box-sizing: border-box;
}

.article-date-tags {  
	font-size: 12px;
	width: 100%;
	margin: 0;
	padding: 0 10px;

	display: flex;
	flex-direction: row;	
	justify-content: space-between;
	align-items: flex-end;
	box-sizing: border-box;
}
.article-date {	
	color: #999;
}
.article-tags {
	color: #000;
	font-weight: 500;
}
.article-text {	
	width: 100%;	
	margin: 0 0 10px 0;
	padding: 10px; 
	box-sizing: border-box;
}
.article-text > p, .maintext {
	/* width: 670px; */
	margin: 0 0 16px 0;
	color: #000;
		font-size: 16px;
	font-weight: 400;	
	text-align: justify;
	/* text-align: left; */
	box-sizing: border-box;
}

p a, p a > * {	
	color: #09488f;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
}
p a:visited, p a:visited > * {
	color: #8b9fb0;
}
p a b {	
	font-weight: bold;
}
p a u {	
	/* text-decoration: underline #09488f; */
	text-decoration: underline;
}

a.part-link > * {	
	/* font-weight: bold; */
	color: #00f;
}
a.part-link:visited > * {
	color: #551A8B;
}

.article-list-img {
	float: left;
	min-width: 200px;
	width: 202px;
	padding: 0;
	margin: 0 10px 0 0;
}
.article-img {
	/* border: 1px solid #c3d2e4; */
	padding: 0;
	margin: 0 0 10px 0;
	min-width: 200px;
	width: 200px;
	min-height: 150px;
	/* height: 150px; */
	height: auto;
	
	font-size: 11px; 
	text-align: right;
}


/* ------ links ------------ */

.article-list-link-header {
	width: 670px;
	padding: 3px 10px;
	margin-bottom: 10px;
	color: #09488f;
		font-size: 18px;
	background: linear-gradient(#c0d8ec, #95b6d1);
	box-sizing: border-box;	
	text-transform: uppercase;
	font-weight: 500;
}

.article-list-link {
	/* background-color: #47ec7c;	 */
	width: 670px;	
	margin: 0 0 10px 0;
	padding: 0 10px;
	box-sizing: border-box;	
}
.article-link-item {
	width: 640px;
	margin: 0 0 24px 0;
	padding: 0;
	/* color: #000; */
	color: #09488f;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;

}
.article-link-img {	
	width: 100px;
	height: 75px;
	margin-right: 10px;
	display: block;
	border: 1px solid #09488f;
	box-sizing: border-box;
	background-color: #eee;
	text-align: center;
}
.article-link-date > * { 
	width: 480px;
	/* color: #000; */
	color: #09488f;
	font-size: 14px;  
	min-width: 200px;
	/* display: block; */  
}
.article-link-text {  
	width: 480px;  
	display: block;
	margin-top: 6px; 
	font-size: 16px;  
	color: #09488f;
}
.article-link-text-small {  
	font-size: 10px;
	margin-top: 0;
	color: #09488f;
}

.article-prm-place {
	width: 650px;
	margin: 0 0 10px 10px;
	padding: 0;
	height: 20px;
	box-sizing: border-box;
}



/* ----------- photos ------------- */
.overlay { 
	opacity: 0; 
	float:none; 
	position:fixed; 
	overflow:hidden; 
	left:0; top:0; width:0; height:0; 
	z-index:9995; 
	/* text-align:center;  */
	background:rgba(0,0,0,0.85); 

	display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
}

.overlay:target { 
	opacity:1;
	width: auto; 
	height: auto; 
	bottom:0; right:0; 
	padding-top:0.5em; 
}
@media ( min-width: 1024px ) { /*1024+*/	
	.overlay:target { 
		opacity: 1;
/* 
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
 */
		/* background-color: #cd3; */
	}
}

.big-img {
	/* background-color: #fff; */
	z-index:9998; 
	background:rgba(0,0,0,0);
	background-repeat: no-repeat;
	background-position: center center;
	/* background-size: 85%;  */
	background-size: 800px 600px; 
	min-width: 640px; width: 950px;
	min-height: 480px; 
	/* height: 600px; */
	margin: 0; padding: 0;
	color: #000;

	box-sizing: border-box;
}



.info-overlay {
	opacity: 1;
	min-width: 620px; width: 950px;
	min-height: 460px; height: 600px;

	display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;

	box-sizing: border-box;
}


.control-items {	
	width: 100%;
	height: 50%;
	display: flex;
		flex-direction: column;
		justify-content: space-between;		

	box-sizing: border-box;
}

.control-close {

	display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-end;
}
.close {

	opacity: 1;
	
	margin: 0 -6px 0 0;

	width: 27px; min-width: 27px;
	height: 27px;	min-height: 27px;

	background: url(data:image/gif;base64,R0lGODlhGwAbAIAAAP///////yH5BAEKAAEALAAAAAAbABsAAAI3jI+py+0Po5y0ToAbBnDr/HiMGJHkBQanZKbWaqluLHN0a1P4m8JfrvAlhLXODEGkKZfMprNZAAA7);
	cursor: pointer;
	
}
.control-nav {

	padding: 0;
	display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
	
	box-sizing: border-box;
}
.rwd-arr {
	width: 19px; min-width: 19px;
	height: 35px;	min-height: 35px;
	cursor: pointer;
	background: url(data:image/gif;base64,R0lGODlhEwAjAIAAAP///////yH5BAEKAAEALAAAAAATACMAAAJIjI8ZwOrHwHtx2rtavXXb3mBiJoGSY5KUxp4j2qqeHM9p+kL1HpU8efvlFEGfi2ZU6ZK44YoZIgql0KNz0sTGONvraIYBcwEFADs=);
}
.fwd-arr {
	width: 19px; min-width: 19px;
	height: 35px;	min-height: 35px;
	cursor: pointer;
	background: url(data:image/gif;base64,R0lGODlhEwAjAIAAAP///////yH5BAEKAAEALAAAAAATACMAAAJHhIOpGwYMk4u0xjktPvpkCzLb8y1jw4ne+oTheUosSqb0HbsQPDt8DfzhbDphyWhDtnQq4G3XI8qcJSbU2cFWctYss+rVFQAAOw==);
}


.bigimg-text {

	width: 600px;
	padding: 12px;

	background:rgba(255,255,255,0.65);
	text-align: left;	

	display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;

	box-sizing: border-box;
}

.bigimg-title {
	font-size: 14px;	
}
.bigimg-copy {
		font-size: 14px;
	font-weight: 500;
	color: #09488f;
}

.all-photos {
		background-color: #189c5b; 
		color: #fff;
		font-size: 16px;
	font-weight: 500;
		padding: 2px 6px; 
		text-align: center;
}


/* --- tags list --- */
.article-tags-list {
	/* background-color: #47ec7c;	 */
	color: #09488f;
	font-size: 14px;
	width: 670px;	
	margin: 0 0 10px 0;
	padding: 0 10px 10px 10px;	
	/* border-top: 1px solid #c3d2e4; */
	box-sizing: border-box;	
}

.article-tags-list > * { 
	color: #09488f;
	font-size: 14px;
}

/* --- share buttons --- */
.share-block {
width:480px; height:20px;
margin: 0 0 16px 0;
display:flex;
flex-direction:row;
justify-content:flex-start;align-items:flex-start;
box-sizing:border-box;
/* background-color: #fc3; */
}
.share-block-item {
	height: 20px;
	margin: 0 10px 0 0;
	display: block;
	/* background-color: #f00; */
}

/* --- PRM --- */
.prm-px {
/*
	width: 600px;
	height: 20px;
	background-color: #dc3;
*/
	margin: 20px 0 0 0;
	padding: 0;
	box-sizing:border-box;
}