/* Colio - Basic Styles
==============================================================*/

.colio {
	position: relative;
	height: 0;
	clear: both;
	overflow: hidden;
}

.colio-container {
	padding: 40px;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.colio-content {
	display: none;
	overflow: hidden;
}

.colio a.colio-close,
.colio a.colio-prev,
.colio a.colio-next {
	border: none;
	text-decoration: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.colio a.colio-no-prev,
.colio a.colio-no-next {
	cursor: default;
	opacity: 0.2;
}

/* navigation & close button  */

.colio-close {
	position: absolute;
	top: 10px;
	right: 10px;
}

.colio-navigation {
	position: absolute;
	top: 10px;
	left: 10px;
	display: none;
}

.colio-navigation a {
	margin-right: 5px;	
}

/* placement options */

.colio-placement-inside,
.colio-placement-before {
	margin-bottom: 20px;
}

.colio-placement-after {
	margin-top: 20px;
	margin-bottom: 20px;
}


/* CUSTOM STYLES */


li.colio-item[data-tags="chief-executive"] .colio-inner .colio-thumb { background: red; }
li.colio-item[data-tags="chief-executive"] .colio-inner .colio-thumb img { opacity: 0.6; }
/*li.colio-item[data-tags="external-relations"] .colio-inner .colio-thumb { background: #00edf9; /*cyan*/ /*}
li.colio-item[data-tags="external-relations"] .colio-inner .colio-thumb img { opacity: 0.6; }*/
li.colio-item[data-tags="development-communications"] .colio-inner .colio-thumb { background: #ff6c00; /*orange*/ }
li.colio-item[data-tags="development-communications"] .colio-inner .colio-thumb img { opacity: 0.5; }
li.colio-item[data-tags="operations-and-finance"] .colio-inner .colio-thumb { background: #72ff00; /*green*/ }
li.colio-item[data-tags="operations-and-finance"] .colio-inner .colio-thumb img { opacity: 0.6; }
li.colio-item[data-tags="programme"] .colio-inner .colio-thumb { background: #ffda00; /*yellow*/ }
li.colio-item[data-tags="programme"] .colio-inner .colio-thumb img { opacity: 0.5; }
li.colio-item[data-tags="recruitment"] .colio-inner .colio-thumb { background: #f732ff; /*purple*/ }
li.colio-item[data-tags="recruitment"] .colio-inner .colio-thumb img { opacity: 0.6; }

#colio_meet_the_team ul.colio-filters { text-align: left; float: left; }
#colio_meet_the_team ul.colio-filters li a { text-transform: uppercase; }



#colio_meet_the_team ul.colio-filters li a { font-family: 'oswaldmedium', Arial,​ Helvetica,​ sans-serif; font-size: 15px; background: #f9f9f9; padding: 6px 10px 0px 10px; }
#colio_meet_the_team ul.colio-filters li:nth-child(1) { display: block; }  
#colio_meet_the_team ul.colio-filters li:nth-child(1) a { color: #000000 !important; background: #f9f9f9 !important; } 
#colio_meet_the_team ul.colio-filters li:nth-child(2) a { color: #f2abaa; } 
#colio_meet_the_team ul.colio-filters li:nth-child(3) a { color: #f6c895; } 
/*#colio_meet_the_team ul.colio-filters li:nth-child(4) a { color: #98dfe7; }*/ 
#colio_meet_the_team ul.colio-filters li:nth-child(4) a { color: #d5e892; } 
#colio_meet_the_team ul.colio-filters li:nth-child(5) a { color: #ffe650; } 
#colio_meet_the_team ul.colio-filters li:nth-child(6) a { color: #efb9e5; } 

#colio_meet_the_team ul.colio-filters li a { font-family: 'oswaldmedium', Arial,​ Helvetica,​ sans-serif; font-size: 15px; background: #f9f9f9; padding: 6px 10px 0px 10px; }

#colio_meet_the_team ul.colio-filters li:nth-child(1) {  } 
#colio_meet_the_team ul.colio-filters li:nth-child(2) {  }
#colio_meet_the_team ul.colio-filters li:nth-child(3) { /*margin-left: 152px;*/ }
#colio_meet_the_team ul.colio-filters li:nth-child(4) { /*margin-left: -326px; margin-right: 0;*/ }
#colio_meet_the_team ul.colio-filters li:nth-child(5) {  }
#colio_meet_the_team ul.colio-filters li:nth-child(6) {  }
/*#colio_meet_the_team ul.colio-filters li:nth-child(7) {  }*/


.colio-item h3.colio-title { font-size: 1.35em; color: #000000 !important; margin: 0px 0px 12px 0px !important; }
.colio-item .colio-main h4 { font-size: 1.1em; color: #000000 !important; margin: 0px 0px 12px 0px; }








#colio_supporters ul.colio-filters li a { font-family: 'oswaldmedium', Arial,​ Helvetica,​ sans-serif; font-size: 15px; background: #f9f9f9; padding: 6px 10px 0px 10px; }
#colio_supporters ul.colio-filters li:nth-child(1) { display: block; visibility: visible !important; opacity: 1 !important; }  
#colio_supporters ul.colio-filters li:nth-child(1) a { color: #000000 !important; background: #f9f9f9 !important; visibility: visible !important; opacity: 1 !important; } 
#colio_supporters ul.colio-filters li:nth-child(2) a { color: #333333; visibility: visible !important; opacity: 1 !important; } 
#colio_supporters ul.colio-filters li:nth-child(3) a { color: #333333; visibility: visible !important; opacity: 1 !important; } 
#colio_supporters ul.colio-filters li:nth-child(4) a { color: #333333; visibility: visible !important; opacity: 1 !important; } 
#colio_supporters ul.colio-filters li:nth-child(5) a { color: #333333; visibility: visible !important; opacity: 1 !important; } 
#colio_supporters ul.colio-filters li:nth-child(6) a { color: #333333; visibility: visible !important; opacity: 1 !important; } 
#colio_supporters ul.colio-filters li:nth-child(7) a { color: #333333; visibility: visible !important; opacity: 1 !important; } 

#colio_supporters ul.colio-filters li a { font-family: 'oswaldmedium', Arial,​ Helvetica,​ sans-serif; font-size: 15px; background: #f9f9f9; padding: 6px 10px 0px 10px; }

#colio_supporters ul.colio-filters li:nth-child(1) {  } 
#colio_supporters ul.colio-filters li:nth-child(2) { margin-left: 150px; }
#colio_supporters ul.colio-filters li:nth-child(3) { margin-left: -240px; }
#colio_supporters ul.colio-filters li:nth-child(4) { margin-left: -168px; }
#colio_supporters ul.colio-filters li:nth-child(5) {  }
#colio_supporters ul.colio-filters li:nth-child(6) {  }
#colio_supporters ul.colio-filters li:nth-child(7) {  }