@charset "utf-8";
/* CSS Document */

.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}


.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

	.staffCard,
	.govCard{
		padding:10px;
		overflow:hidden;
		text-align: left;
		display: flex;
		margin:0px 15px 15px 15px;
		-webkit-box-shadow: 2px 3px 2px 1px rgba(0,0,0,0.4); 
		box-shadow: 2px 3px 2px 1px rgba(0,0,0,0.4);
		border: #bbb 1px solid;
	}

	.staffCard .avatar,
	.govCard .avatar {
		margin: 0px !IMPORTANT;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
    	align-items: flex-start;
    	height: auto;
    	min-width: 100px;
	}
	
	.staffCard .cardText,
	.govCard .cardText{
    flex: 1;
    padding: 0px 10px 10px 10px;
	}


	.staffCard img,
	.govCard img{
		width:100%!Important;
		height:auto;
		margin:0px auto;
	}

	.staffCard h3,
	.govCard h3{
		margin-top:0px;
		font-weight:bold;
	}

	.staffCard p,
	.govCard p{
		font-size:80%;
	}

	.staffCard .subTitle,
	.govCard .subTitle{
		display:block;
		font-size:80%;
		color:#565656;
		font-style:italic;
		margin-top:-10px;
		margin-bottom:10px;
	}

	.govCard .govSubTitle {
		display:block;
		font-size:80%;
		color:#565656;
		font-style:italic;
		margin-top:-10px;
		margin-bottom:10px;
	}

.staffListOrder {
	display:block;
	width:36px;
	height:36px;
	text-align:center;
	position:absolute;
	top:-5px;
	left:10px;
	background-color:yellow;
	color:#000;
	border-radius:50%;
	border:1px solid #000;
	padding:5px;
	font-weight: bold;
	opacity:0.5;
}


@media (min-width: 768px) {
	
	.staffCard {
		display:block;
		padding:0px!IMPORTANT;
		text-align: center;
		margin:0px;
		margin-bottom:15px!IMPORTANT;
	}
	
	.staffCard .avatar {
    	min-width: 100%!IMPORTANT;
    	height: auto;
	}
}

@media (min-width: 992px) {  }

@media (min-width: 1200px) {  }