/*------------------------------------------------------------------
team.css
Last edited: 1/13/21
[Table of contents]

1. LAYOUT 1 
2. LAYOUT 2 - GRID

100. MEDIA QUERIES
    100a. EXTRA SMALL DEVICES (phones 576px and up)
    100b. SMALL DEVICES (tablets, 768px and up)
    100c. MEDIUM DEVICES (desktops, 992px and up)
    100d. LARGE DEVICES (large desktops, 1200px and up)
    100e. EXTRA LARGE DEVICES (large desktops, 1400px and up)

[Notes]



-------------------------------------------------------------------*/

/*------------------------------------------------------------------
1. LAYOUT 1
-------------------------------------------------------------------*/
.band-team .team-member-wrapper {
	border-bottom: 1px solid #CCE0EB;
    margin: 0 0 25px;
    padding: 0 0 25px;   
}
.band-team .team-member-wrapper:last-of-type {
	border-bottom: none;
	margin: 0;
	padding: 0;	
}
.band-team .team-member-wrapper img {
	border: 1px solid #CCE0EB;
}
.band-team .team-member-wrapper .position {
	font-weight: bold;
	text-transform: uppercase;
}
.band-team .team-member-wrapper [class^="icon-"] {
	background: #00669A;
	border-radius: 50%;
	color: #ffffff;
    font-size: 14px;
	margin: 0 2px 10px 0;
    padding: 8px;
}
.band-team .team-member-wrapper [class^="icon-"]:hover {
	background: #333333;
	text-decoration: none;
}
/*------------------------------------------------------------------
2. LAYOUT 2 - GRID
-------------------------------------------------------------------*/
.band-team.team-member-grid .team-member-grid-wrapper {
	display: block;
	margin: 0 auto 0.3% 0;
	padding: 0;
	position: relative;
	max-width: 340px;
}
.band-team.team-member-grid .team-member-grid-wrapper img {
	border: 1px solid #CCE0EB;
	display: block;
	max-width: 100%;
	vertical-align: middle;
}
.band-team.team-member-grid .team-member-grid-wrapper p {
	margin: 0;
}
.band-team.team-member-grid .grid-tint {
	background: rgba(0,0,0, 0.6);
	color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	right: 0;
	padding: 5px;
	text-align: center;
	/*float: left;*/
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.band-team.team-member-grid .team-member-grid-wrapper:hover .grid-tint {
	opacity: 1;
}
.band-team.team-member-grid .grid-tint h2 {
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 5px;
}
.band-team.team-member-grid .grid-tint .plus {
	color: #ffffff;
	font-size: 60px;
	font-weight: 700;
	line-height: 1.0;
}
.band-team.team-member-grid .grid-tint a:hover {
	text-decoration: none;
}
/* add mobile CSS here */

/*------------------------------------------------------------------
100. MEDIA QUERIES
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
100a. EXTRA SMALL DEVICES (phones 576px and up)
-------------------------------------------------------------------*/
@media (min-width: 576px) {
    
}
/*------------------------------------------------------------------
100b. SMALL DEVICES (tablets, 768px and up)
-------------------------------------------------------------------*/
@media (min-width: 768px) {
/*------------------------------------------------------------------
2. LAYOUT 2 - GRID
-------------------------------------------------------------------*/    
.band-team .team-member-grid-wrapper {
	display: block;
	float: left;
	margin: 0 0.3% 0.3% 0;
	width: 49.7%;
}	
}

/*------------------------------------------------------------------
100c. MEDIUM DEVICES (desktops, 992px and up)
-------------------------------------------------------------------*/
@media (min-width: 992px) {
/*------------------------------------------------------------------
2. LAYOUT 2 - GRID
-------------------------------------------------------------------*/    
.band-team .team-member-grid-wrapper {
	width: 32.7%;
}	    
}

/*------------------------------------------------------------------
100d. LARGE DEVICES (large desktops, 1200px and up)
-------------------------------------------------------------------*/
@media (min-width: 1200px) {
/*------------------------------------------------------------------
2. LAYOUT 2 - GRID
-------------------------------------------------------------------*/
.band-team .team-member-grid-wrapper {
	width: 24.7%;
}		
}

/*------------------------------------------------------------------
100e. EXTRA LARGE DEVICES (large desktops, 1400px and up)
-------------------------------------------------------------------*/
@media screen and (min-width: 1450px) {
   
}