/* ovrrde hp */
.panel-pane.pane-fieldable-panels-pane.pane-fpid-3134.pane-bundle-remote-content,
.panel-pane.pane-fieldable-panels-pane.pane-fpid-3170.pane-bundle-remote-content {
    width: auto;
    float: none;
    clear: both;
}

.participantsDiv * {
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-weight : normal;
    height : auto;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    word-spacing : normal;
    z-index : auto;
}



body.preview {
	margin: 0;
}

.clearDivMobile {
	display: none;
}

.participantsDiv {
    width: 800px;
    margin: 0 auto;
	height: auto;
}


.participantsDiv.v3 {
    background: #fff;
}

.column.grid_2c, .column.grid_2c.first {
    float: left;
    clear: none;
    width: 187px;
    height: auto;
	margin: 0 6px -2px 6px;
}

.column.grid_2c.fullList {
    width: 35%;
    height: auto;
    margin-left: 0;
}

.bioContent {
	width: 187px;
    height: 224px;
	margin-top: -228px;
	background: #00457C;
	z-index: 1;
	position: absolute;
	opacity: 0;
}

.bioOverlayContainer {
	height: 240px;	
	z-index: 0;
}

/*
v2
*/

.participantsDiv.v2 {
	width: 940px;
}

.participantsDiv.v2 .column.grid_2c, .participantsDiv.v2 .column.grid_2c.first {
	width: 223px;
    margin: 0px 6px 14px 6px;
}

.participantsDiv.v2 .bioOverlayContainer {
	height: 266px;	
	z-index: 0;
}

.participantsDiv.v2 .bioContent {
    width: 223px;
    height: 268px;
    margin-top: -272px;
    padding-top: 0px;
}

.participantsDiv.v2 .speakerName, .participantsDiv.v2 .speakerTitle {
	margin: 0;
	font-family: open sans;
	font-size: 0.9em;
	height: 100px;
	text-align: center;
	color: #fff;
	padding: 0 30px;
}

/*
v2
*/

.speakerName, .speakerTitle {
	margin: 0;
	font-family: open sans;
	font-size: 0.8em;
	height: 100px;
	text-align: center;
	color: #fff;
	padding: 0 5px;
}

.speakerName {
    display: table-cell;
    vertical-align: bottom;
    width: 200px;
    margin-bottom: 0;
    font-weight: 600;
}

.speakerTitle {
	font-style: italic;
    vertical-align: middle;
}

.viewAll {
	clear: both;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}

.viewAll a {
	text-decoration: none;
	color: #444;
	font-family: open sans;
	font-size: 1em;
	text-transform: uppercase;
}

/* Full List */

.mainContainer {
	width: 900px;
}

.filterColumn {
	float: left;
	width: 18%;
    border-top: 1px solid #bbb;
    padding: 15px 0 0 0;
    margin-right: 25px;
	font-family: open sans;	
	color: #5e5e5e;
}

.filterColumn * {
	display: none;
}

.filterHeader {
	font-weight: 600;
	margin: 0 0 10px 0;
}

.filterOptions {
	margin: 0 0 5px 15px;
}

.participantsDiv.fullList {
	float: left;
    width: 70%;
    height: auto;
    border-top: 1px solid #bbb;
    margin: 0;
	background: none;
    padding: 15px 0 0 0;
}

.fullBioDiv {
	font-family: open sans;
	color: #5e5e5e;
	float: left;
	width: 60%;	
	padding: 0 0 0 25px;
}

.clearDiv.fullList {
	clear: both;	
	margin: 25px 0;
	border-bottom: 1px solid #bbb;
	padding: 15px 0;
}

.clearDiv.fullList a { 
	float: right;
	font-family: open sans;
	text-decoration: none;
	color: #00457C;
}

.speakerName.fullList, .speakerTitle.fullList {
	margin: 0;
	font-family: open sans;
	font-size: 1.3em;
	height: auto;
	text-align: left;
	color: #00457C;
	padding: 0;
    display: block;
    vertical-align: none;
    width: 100%;
}

.speakerName.fullList {
    font-weight: 600;
}

.speakerTitle.fullList {
	font-size: 1em;
	font-style: italic;
}

.bioOverlayContainer.fullList {
	height: auto;
	background: none;
}

.bioOverlayContainer.fullList img {
	width: 220px;
}


/* full list */

/* resp */

/* mob tab */
@media only screen and (max-width: 980px) { 
	
	/*
	v2
	*/

	.participantsDiv.v2 {
		width: 516px;
	}

	.participantsDiv.v2 .column.grid_2c, .participantsDiv.v2 .column.grid_2c.first {
		width: 117px;
	    margin: 0px 6px 14px 6px;
	}

	.participantsDiv.v2 .bioOverlayContainer {
		height: 138px;	
		z-index: 0;
	}

	.participantsDiv.v2 .bioContent {
		width: 117px;
		height: 140px;
		margin-top: -144px;
	    padding-top: 0px;
	}

	.participantsDiv.v2 .speakerName, .participantsDiv.v2 .speakerTitle {
		margin: 0;
		font-size: 0.6em;
		height: 65px;
	    padding: 0 5px;
	}

	/*
	v2
	*/

}

/* mob port */
@media only screen and (max-width:800px){

	.column.grid_2c, .column.grid_2c.first {
		margin: 0 3.7px;
	}

	.mainContainer {
		width: 100%;
	}

	.filterColumn {
		display: none;
	}

	.participantsDiv.fullList {
		width: 100%;		
	}

	.participantsDiv {
	    width: 500px;
	}

	.column.grid_2c, .column.grid_2c.first {
	    width: 117px;
	}

	.bioContent {
		width: 117px;
	    height: 140px;
		margin-top: -144px;
	}

	.bioOverlayContainer {
		height: 150px;	
	}

	.speakerName, .speakerTitle {
		font-size: 0.5em;
		height: 60px;
	}

	.speakerName {
	    width: 125px;
	}

	/*
	full list
	*/
	.bioOverlayContainer.fullList img {
		width: 90%;
		margin: 0 0 0 25px;
	}
	/*
	full list
	*/


}

/* mob port */
@media only screen and (max-width:500px){

	.clearDiv {
		display: none;
	}

	.clearDivMobile {
		display: block;
    	clear: both;
		height: 4px;
	}

	.participantsDiv {
	    width: 80%;
	}

	.column.grid_2c, .column.grid_2c.first {
		float: none;
		clear: both;
	    width: 100%;
	    margin: 0;
		padding: 0 0 130px 0;
	}

	.bioOverlayContainer {
		height: auto;	
	}

	.bioContent {
		float: right;
		width: 100%;
		padding: 20px 0;
	    height: auto;
		margin: 0;
	    background: #00457C;
	    position: static;
	    opacity: 1;
		min-height: 55px;
	}

	.speakerName, .speakerTitle {
    	font-size: 0.8em;
		height: auto;
	}

	.speakerName {
	    width: 1%;
	}

	.bioOverlayContainer.empty {
		display: none;
	}	

/* v2 */
	.participantsDiv.v2 {
		width: 100%;
	}

	.participantsDiv.v2 .column.grid_2c, .participantsDiv.v2 .column.grid_2c.first {
	    width: 90%;
	    margin: 0 auto;
	}

	.participantsDiv.v2 .bioContent {
	    width: 100%;
	    height: 90px;
	    margin: -5px 0 30px 0;
	    padding-top: 0px;
	}

	.participantsDiv.v2 .speakerName, .participantsDiv.v2 .speakerTitle {
		margin: 0;
	    font-size: 0.8em;
	    padding: 0px 10px;
	    height: 46px;
	}

/* v2 */


	/*
	full list
	*/
	.column.grid_2c.fullList {
	    width: 55%;
		padding: 0;
	}

	.bioOverlayContainer.fullList img {
		width: 100%;
	}

	.fullBioDiv {
	    width: 90%;
	}

	.clearDiv.fullList {
		display: block;
	}

	/*
	full list
	*/

/* end mob port */
}

/* max */
@media only screen and (min-width: 1440px)  {




}


