/* ============================================
 *
 *   common to all module pages
 *
 * ============================================ */
footer {
	margin-bottom: 30px;
}


/* ============================================
 *
 *   this page
 *
 * ============================================ */
article {
	min-height: 600px;
}
/* -----------
 * btn layout
 * ----------- */
.bt-layout {
	float: right;
	margin: 10px 0 0 5px;
	box-sizing: border-box;
	padding: 8px 6px;
	width: 44px;
	height: 44px;
	border-style: solid;
	border-width: 1px;
	border-color: #aaaaaa;
	border-radius: 3px;
	cursor: pointer;
	/* -- flex -- */
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 5px 4px;
}
.bt-layout:hover { background-color: #eeeeee; }
.bt-layout:active { background-color: #e6e6e6; }

.bt-lay-list {
	width: 30px;
	height: 5px;
	background-color: #bbbbbb;
}
.bt-lay-grid {
	display: inline-block;
	width: 13px;
	height: 5px;
	background-color: #bbbbbb;
}
/* ---------
 * athletes
 * --------- */
.athletes-wrapper {
	
}
.athletes-wrapper a {
	color: #8e0000;
}
.age-categ {
	margin: 20px 0 5px 0;
	padding: 7px 0 2px 2px;
	font-weight: bold;
	background-color: #e0e0e0;
	border-bottom: 1px solid #cccccc;
}
/* ------------------
 * line with athlete
 * ------------------ */
.athlete-line {
	/*	js action:
		display: inline-block;	*/
	margin-right: 20px;
	width: 400px;
	padding: 5px 5px 0 0;
}
.athlete-line:hover {
	background-color: #f0f0f0;
}
.ath-photo {
	display: inline-block;
	width: 66px;
	height: 66px;
	background-color: #eeeeee;
}
.ath-photo img {
	width: 66px;
	height: 66px;
	object-fit: contain;
}
.ath-data {
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
}
.ath-descr {
	font-size: 16px;
	color: #666666;
}


/* ============================================
 *
 *   media screen
 *
 * ============================================ */
@media screen and (max-width: 1330px) {
	.bt-layout {
		display: none;
	}
}
@media screen and (max-width: 600px) {
	.athlete-line {
		margin-right: 0;
		width: 100%;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 440px) {
	.ath-data {
		width: calc(100% - 73px);
	}
}