/* miniprofile next to posts (for 3.1) */
.tpotm-miniprofile-badge {
	padding-left: 4px;
	max-height: 14px;
	vertical-align: bottom;
	width: auto;
}

/* miniprofile next to posts (for 3.2) */
i.fa-spinner {
	cursor: pointer;
	color: #2a6496;
}

/* index and hall (for 3.2) */
i.fa-question-circle-o fa-fw {
	cursor: pointer;
}

/* UCP (for 3.1) */
.tpotm-ucp-badge {
	padding-left: 4px;
	max-height: 14px;
	vertical-align: text-bottom;
	width: auto;
}

/***************************************
* This section is for the hall of fame *
***************************************/
.tpotm-head-text {
	font-size: 2.1em;
	letter-spacing: 0;
	text-align: center;
	color:#333333;
}

.tpotm-div-1 {
	border: 6px solid #d7d0c0;
	padding: 2em;
	margin: 0.5em 0 1em;
/*/	border-radius: 16px;	/*/

/*	background-repeat: no-repeat;
	background-position: 100% 0;
	box-shadow: 1px 2px 3px grey;  */
	position: relative;
	font-size: 0.8em;
	color: #333333;
}

/*.tpotm-div-1,*/ .text1 {
	font-size: 1.2em;
	text-decoration: none;
}

.tpotm-div-2 {
	margin-left: -20px;
	margin-top: -15px;
	padding: 3px;
}

.tpotm-div-2, .text2 {
	font-family: 'Oswald', sans-serif;
	font-size: 1.5em;
	text-decoration: none;
	color:#000000;
}



.tpotm-div-3 {
	margin: 2px auto;
	text-align: center;
	width: 120px;
	height: 120px;
	border-radius: 100%;
	background-color: #ce0404;
}

.tpotm-div-4 {
	position: relative;
	top: 10px;
	left: 10px;
	text-align: center;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	background-color: #e1e1e1;
}

.tpotm-span-1 {
	top: 40px;
	position: relative;
	font-size: 16px;
	font-weight: bold;
}

.tpotm-div-5 {
	text-align: center;
	font-weight: bold;
}

a.hall-avatar-tpotm img {
	margin: 0.5em 1em;
	width: auto;
	height: auto;
/*	box-shadow: 1px 2px 3px grey;
	border-radius: 7px;
	background-color: transparent;
*/
}

/* for 3.1 navigation prepend icon */
.icon-tpotm-hall {
	background-image: url("images/icon-tpotm-hall.png");
	background-repeat: no-repeat;
}

/* for 3.1 */
.icon-tpotm-stats {
	max-height: 16px;
	vertical-align: middle;
	width: auto;
	cursor: pointer;
	margin-bottom: 4px;
}

/* Main viewport container, uses flex row wrap */
#tpotm-container {
	background: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	overflow: auto;
	/* max-height: 600px; /* 76 x 4 "((66+3+3+2+2) x 4)" tpotm-flex-cell height */
	justify-content: space-around;
	margin:1em 0;
}

/* Each element within the viewport container */
.tpotm-flex-item {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1;
}

/* Avatar container */
.tpotm-flex-avatar {
/*	border-width: 1px;
	padding: 2px;
	border-style: none;
	vertical-align: middle;
	box-shadow: 1px 2px 3px grey;
	border-radius: 4px;
	background-color: transparent;
	width: auto;
	display: inline-flex; */

}

/* Avatar image */
.tpotm-flex-avatar img {
	width: auto;
	height:40px;;
}

/* The wrapper for each user content - default packed */
.tpotm-flex-cell {
/* 	border: dotted 1px #d7d0c0; */
    background: none;
    padding: 10px 6px 8px 10px;
    margin: 4px 1px;
    min-width: 200px;
    width: 30%;
    height: 96px;
    vertical-align: middle;
    border-radius: 10px;
    box-shadow: 1px 2px 5px #999999;
    display: flex;
    align-items: start;
}

/* Each text entry, with or without a link - default packed */
.tpotm-flex-text,
.tpotm-flex-text a {
	flex: 1;
	font-size: 0.7em;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 196px; /* (200 - (2+2)) tpotm-flex-cell width 
	line-height: 0.9em;*/
}

/***************************************
* End section hall of fame             *
***************************************/

/*h3 {border:none; color:#c13e32; font:bold 1.5em/1.6 'Oswald'; }*/
#tpotm-container .action-bar {font-size: 70%;}
#tpotm-container .username {font-size: 80%;}

@media (max-width: 600px) {.tpotm-head-text {font-size: 1.5em;}}
@media (max-width: 446px)  {.tpotm-head-text {font-size: 1.2em;}}