/*
Theme Name: Six Degrees Theme
Author:  Six Degrees
Description: A theme for the Six Degrees
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: sdt
*/

/* speakers full page -including banner */
#banner.full-speaker{
	position:relative;
}

#banner.full-speaker .sbio-list {
	float:left;
	clear:both;
}

#banner.full-speaker .sbio-list > ul > li > div {
	padding: 0px 0!important;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px!important;
}

#banner.full-speaker h1{
	float:left;
}

.sbio-list li {
	margin-left: 2rem;
	margin-bottom:0rem;
	margin-top:0rem;
	font-size:1.4rem;
	color:#fff;
	line-height:1.2em;
}

.sd-banner-text {
    display: flex;
    flex-direction: column;
}

#main_content_inner .sbio-list li {
	color:#000;
}


#banner.full-speaker #banner_buttons{
	display: flex;
    flex-direction: row-reverse;
    align-items:baseline;
/*	width:35%;
	top:5px;
	right:10px;
	position:absolute;
	height:90%;
	background-color:rgba(255,255,255,0);
*/
}

#banner.full-speaker #banner_buttons .sbio-img{
	flex:4;
	/*position:absolute;
	right:10px;
	top:10px;
*/
}

#banner.full-speaker #banner_buttons .company-img{
	flex:3;
	margin-right: .5em;
/*
	position:absolute;
	right:200px;
	top:62px;
*/
}
#banner.full-speaker #banner_buttons .company-img img{
	background-color:#fff;
	padding:3px;
}

/* end of speakers full page -including banner */


@media (max-width:1200px){   

}


@media (max-width: 850px) { 

	#banner #banner_buttons {
	    max-width: 250px;
	    min-height: 0;
	    align-self: center; 
	        margin: .5em;
	}

	/* speakers full page -including banner */	
	#banner.full-speaker{
		background-size:1400px 300px!important;
	
	}

	#banner.full-speaker #banner_buttons{
	
		width:100%;
	}

	#banner.full-speaker .sbio-list {
		max-width:90%!important;
	}

	#banner.full-speaker h1{
		font-size: 2.5rem;
	    margin-left: 20px;
	    padding-top: 30px;
	}
	#banner.full-speaker .sbio-list > ul > li {
		margin-left:30px;
		font-size:1.2rem;
		max-width:90%!important;
		text-align: center;
	}

	#banner.full-speaker #banner_buttons .sbio-img{
		flex:1;
		margin:.3em;
	}

	#banner.full-speaker #banner_buttons .company-img{
		flex:1;
		margin:.3em;
	}

	.sbio-text{

		margin-top:10px;
	}
	/* end of speakers full page -including banner */
}


@media (max-width: 600px) { 


}