/*fusion exchange styles */

h3.section-header {
	text-align: center;
}

/*We need to set the SAP shadow to be under the menu section in the flow of the DOM. Hopefully we can remove this at some point. Yes this is terrible sorry!*/
.elevate .sap-shadow {
	position: absolute;
	top: 73px;
	width: 100%;
	z-index: 10;
}
.elevate .sap-shadow .col-md-12 {
	margin-left: 0;
}
.fusion_exchange_header {
	margin-top: 30px;
}

/*fusion exchange menu*/
 .fusion-exchange-menu {
 	height: 73px;
 }
 .fusion-exchange-menu .menu-wrap {
 	width: 100%;
 	background-color: #000;
 	position: absolute;
 	z-index: 10;
 }
 .fusion-exchange-menu #logoBox {
    background: url('/sites/all/modules/custom_concur/concur_responsive_menu/images/sap-concur.svg') no-repeat;
    width: 165px;
    height: 29px;
    margin: 23px 0;
}
.fusion-exchange-menu ul  {
	margin-bottom: 0;
	float: right;
	padding: 0;
}
.fusion-exchange-menu ul li {
    float: left;
    list-style-type: none;
    margin: 0 15px;
}
.fusion-exchange-menu ul li a h6 {
	line-height: 75px;
	margin: 0;
}
.fusion-exchange-menu .menu-expand {
	position: absolute;
	right: 10px;
}
.fusion-exchange-menu .menu-expand div {
    height: 75px;
    width: 40px;
    background: url('/sites/all/modules/custom_concur/concur_responsive_menu/images/mob-ico-ham.png') no-repeat center;
}
.fusion-exchange-menu .menu-expand div:hover {
	cursor: pointer;
}
.fusion-exchange-menu ul li a h6:hover {
 	color: #009af2;
 	cursor: pointer;
}
section.fusion_keynote_speaker + section.fusion_keynote_speaker h2 {
   display: none;
}
@media (min-width: 992px) and (max-width: 1200px){
	.fusion-exchange-menu  ul.menu li {
		margin: 0 10px;
	}
}
@media (max-width: 991px) {
	.fusion-exchange-menu  ul.menu {
	    display: none;
	    text-align: center;
	    margin: 10px 0 100px;
	    width: 100%;
	    padding: 20px 0;
	    border-top: 1px solid white;
	    border-bottom: 1px solid white;
	}
	.fusion-exchange-menu  ul.menu.visible {
		display: block;
	}
	.fusion-exchange-menu  ul.menu li {
		clear: both;
		float: none;
	}
	.fusion-exchange-menu  ul.menu li a h6 {
		line-height: 40px;
		text-transform: uppercase;
		font-weight: 600;
		letter-spacing: 1.2px;
	}

}

/*fusion exchange header*/
.fusion_exchange_header {
	padding: 40px 0;
	min-height: 300px;
	min-height: 300px \9;
	background-size: cover;
	background-color: #ddd;
}
.fusion_exchange_header img {
	width: 100%;
	max-width: 350px;
	margin-bottom: 10px;
}
.fusion_exchange_header.no-header img {
	max-width: 100%;
	width: auto;
}
.fusion_exchange_header h1 {
	margin: 0;
}
.fusion_exchange_header h3 {
	margin-top: 0px;
}

@media (max-width: 600px) {
	.fusion_exchange_header {
		min-height: 250px;
	}
}

/*fusion exchange partners*/
.fusion_exchange_partners h3 {
 	margin-bottom: 30px;
}
.fusion_exchange_partners .logo-list {
	margin: 30px 0
}
.fusion_exchange_partners .logo-item {
	height: 80px;
	line-height: 80px;
	margin-bottom: 20px;
}
.fusion_exchange_partners .logo-item img {
	max-width: 100%;
	max-height: 80px;
}

@media (max-width: 991px) { 
	.fusion_exchange_partners .logo-list {
		margin: 10px 0;
	}
	.fusion_exchange_partners .logo-item {
		height: inherit;
		margin-bottom: 0;
	}
	.fusion_exchange_partners .logo-item  div {
		border: 1px solid #ddd;
    	padding: 25px 10px;
    	background: #efefef;
    	height: 135px;
    	margin-bottom: 30px;
	}
	.fusion_exchange_partners .logo-item img{
		max-width: 60%;
	}
}
@media (max-width: 767px) {
	.fusion_exchange_partners .logo-item  {
		box-sizing: content-box;
		padding: 20px 0 20px;
	}
}

/*fusion exchange 7 5 cta*/
.fusion_exchange_7_5_cta {
	padding: 60px 0;
}
.fusion_exchange_7_5_cta h3 {
	padding-top: 20px;
	margin-top: 10px;
	border-top: 2px solid #009af2;
}
.fusion_exchange_7_5_cta .col-md-6 {
	padding-top: 20px;
}

@media (max-width: 991px) {
	.fusion_exchange_7_5_cta .col-md-6 p.text-right .btn {
		margin-top: 10px;
	}
	.fusion_exchange_7_5_cta, .fusion_exchange_7_5_cta p.text-right{
		text-align: center;
	}
}

/*fusion exchange 4-8 quote*/
.fusion_exchange_4_8_quote {
    padding: 60px 0;
}
@media (max-width: 991px) {
	.fusion_exchange_4_8_quote  .col-md-7 {
		margin-top: 50px;
	}
}

/*fusion exchange agenda*/
.fusion_exchange_agenda {
	padding: 40px 0 60px;
	background-color: #EEE;
	background-image: url('/sites/all/modules/custom_concur/concur_startup/images/fusion_exchange_agenda/fx_agenda_background.png');
	background-repeat: no-repeat;
	background-position: right;
}
.fusion_exchange_agenda .text-white, .col-xs-12.flush.event-row.text-white {
	color: #333;
}
.fusion_exchange_agenda h6.date-header {
    padding: 10px;
    margin: 30px 0 0;
    border-bottom: 1px solid;
}
.fusion_exchange_agenda .event-row {
	padding: 15px 10px;
	border-bottom: 1px solid;
}
.fusion_exchange_agenda .event-row .col-xs-7 {
	overflow-x: hidden;
	text-overflow: ellipsis;
}
.fusion_exchange_agenda .agenda-note {
    margin: 15px 0 -15px;
 }

/*fusion exchange events*/

.fusion_exchange_events.bordered-both {
	padding: 40px 0 60px;
}
.fusion_exchange_events h3.section-title {
	margin-bottom: 40px;
}
.fusion_exchange_events .event-panel.col-sm-10  > div {
	padding: 60px 15px;
}
.fusion_exchange_events .event-panel.col-sm-6 > div,
.fusion_exchange_events .event-panel.col-sm-4 > div {
	padding: 30px 15px;
}
.fusion_exchange_events .event-panel h2 {
	padding-bottom: 20px;
}
.fusion_exchange_events .event-panel .btn-ghost.white {
	margin-top: 25px;
	background-color: rgba(122,122,122,0.7);
}
.fusion_exchange_events .event-panel .btn-ghost.white:hover {
	background-color: rgba(255,255,255,1.0);
}

.fusion_exchange_center_cta {
	padding: 60px 0 100px;
}

@media (max-width: 991px) { 
	.fusion_exchange_events .event-panel.col-sm-10  > div {
		padding: 30px 10px;
	}
}

/*fusion exchange content 12 center*/

.fusion_exchange_content_12_center {
	padding-bottom: 60px;
}

/*fusion exchange content venue*/



.fusion_exchange_content_venue {
	padding-bottom: 40px;
	overflow: hidden;
}
.fusion_exchange_content_venue .bg-right {
    width: 50%;
    position: absolute;
    right: 0;
    height: 100%;
}
.fusion_exchange_content_venue .bg-left {
    width: 50%;
    position: absolute;
    left: 0;
    height: 100%;
}
.fusion_exchange_content_venue .flexbox {
	display: -webkit-flex; /* Safari */
    display: flex;
}
.fusion_exchange_content_venue h5 {
	margin-top: 40px;
}
.fusion_exchange_content_venue .flexbox > div {
	padding: 40px 0;
}

@media (max-width: 767px) { 
	.fusion_exchange_content_venue .bg-right {
		display: none;
	}
	.fusion_exchange_content_venue .bg-left {
		width: 100%;
	}
}

/*fusion exchange bullets*/


.fusion_exchange_bullets {
	padding: 30px 0;
}
.fusion_exchange_bullets .bullet-wrap {
	margin-top: 20px;
	margin-bottom: 20px;
}
.fusion_exchange_bullets .bullet-wrap .fusion-bullet {
	padding: 10px 0;
	margin: 15px 0;
}

@media (max-width: 767px) {
	.fusion_exchange_bullets .bullet-wrap .fusion-bullet {
		padding-left: 25px;
	}
}

/*fusion keynote speaker*/
.fusion_keynote_speaker {
	padding: 50px 0;
}
.fusion_keynote_speaker h4 {
	margin-bottom: 0;
}
.fusion_keynote_speaker h5 {
	margin: 0 0 20px;
}
.fusion_keynote_speaker img{
	margin: 10px 0 30px;
	border: 5px solid #fff;
	border-radius: 50%;
	width: 80%;
	height: inherit;
}
.fusion_keynote_speaker .section-header {
	margin-bottom: 30px;
}
@media (max-width: 991px) { 
	.fusion_keynote_speaker .text-right {
		text-align: center;
	}
	.fusion_keynote_speaker img {
		width: initial;
		height: initial;
		margin-bottom: 20px;
	}
	.fusion_keynote_speaker .flush-right {
		padding-left: 0;
		text-align: center;
	}
	.fusion_keynote_speaker .section-header {
		margin-bottom: 10px;
	}
}


