/* START: General */

@media (min-width: 1200px) {
  .mobile-only {
		display: none;
	}
}

.menu-linkedin a:before {
	content: url(https://elerian.ai/wp-content/uploads/2021/07/menu-button-linkedin-52x25.png);
}

.menu-vimeo a:before {
	content: url(https://elerian.ai/wp-content/uploads/2021/07/menu-button-vimeo.png);
}

.menu-youtube a:before {
	content: url(https://elerian.ai/wp-content/uploads/2021/08/menu-button-videos.png);
}



.color-dark-blue { color: #002146;}
.color-bright-blue { color: #00A5CF;}
.color-salmon { color: #F1666A;}
.color-light-grey { color: #E7E9EC;}
.color-white { color: #FFFFFF !important;}

.btn-salmon { background: #F1666A !important;}
.btn-salmon:hover { background: #e1565A !important;}

body.fusion-button_size-xlarge .fusion-button-default-size, body.fusion-button_size-xlarge button.button {
	padding: 18px 40px !important;
	line-height: 24px !important;
	font-size: 20px !important;
}

lite-vimeo, lite-youtube, .youtube-wrapper iframe {
	border-radius: 20px !important;
}

.video-slide {
	margin: 0 auto;
}

.video-slide-wrapper {
	display: block;
	padding: 72px 0 24px 0;
}

.video-slide-caption {
	display: block;
	color: #ffffff;
	font-weight: bold;
	font-size: 20px;
	margin: 24px auto;
	width: 90%;
	text-align: center;
}

.slider-people h5 {
	font-size: 20px !important;
}

strong, b, .bold, .bold h2 {
	font-weight: bold !important;
}

.ul-spaced h3, .benefits h3 {
	color: #ffffff !important;
	font-weight: bold !important;
	line-height: 1 !important;
	margin: 0 0 8px 0 !important;
}

.ul-spaced li {
	padding-bottom: 20px;
}

.blue-line-divider {
  background-size: initial !important;	
}

/* END: General */


@media (max-width: 480px) {
	.header-slider-logo {
			max-width: 90% !important;
	}
	
	.header-slider-payoff {
		font-size: 17px !important;
		line-height: 18px !important;
	}
	
	.section-tab h4 {
		display: inline-block;
		padding: 24px 24px 0 24px !important;
		border-radius: 40px 40px 0 0;
		font-size: 18px !important;
	}	
	
	.section-tab-wrapper .fusion-column-wrapper {
    justify-content: space-around !important;
	}		
	
  .section-tab-wrapper .fusion-flex-justify-content-flex-end {
    justify-content: space-around !important;
  }	
	
}

@media (min-width: 481px) {
	.section-tab h4 {
		display: inline-block;
		padding: 24px 24px 0 24px !important;
		border-radius: 40px 40px 0 0;
		font-size: 21px !important;
	}
}

@media (min-width: 481px) and (max-width: 800px) {
	.header-slider-payoff {
		font-size: 36px !important;
		line-height: 41px !important;
	}
}


@media (max-width: 800px) {
	
	.flex-direction-nav	{
		display: none !important;
	}
	
	.slider-people .slide-content-container {
		padding-left: 0px !important;		
		padding-right: 0px !important;
	}
	
	.blue-line-divider.mobile-divider-hide {
		background-image: initial !important;
	}
	
	.mobile-centre, .mobile-centre h1, .mobile-centre h2, .mobile-centre h3, .mobile-centre h4, .mobile-centre h5 {
			text-align: center;
	}	
	
	.slider-people h2, .slider-people h5, .slider-people img {
	  text-align: center !important;
	} 
	
	.elerian-features .payoff-slider-icon-column > .fusion-column-wrapper {
		justify-content: center !important;	
	}

}

.media_image-4 img {
  padding-bottom: 24px;	
}

.footer-social-set a {
	padding: 0 8px;	
}

.section-tab {
	display: flex !important;
}

.section-tab.bg-white h4 { background: #ffffff !important; }
.section-tab.bg-grey h4 { background: #E7E9EC !important; }
.section-tab.bg-dark-blue h4 { background: #002146 !important; }
.section-tab.bg-light-blue h4 { background: #00A5CF !important; }

/* START: Header sliders */

@media (max-height: 600px) and (min-width: 801px) {
	.page-banner img {
			max-height: 20vh;	
			width: auto;
	}

	.header-slider-payoff {
		margin: 32px 0 32px 0 !important;
		font-size: 32px !important;
		line-height: 38px !important;
	}
	
}


@media (min-width: 1200px) {

	.tfs-slider .slide-content-container {
		top: 42% !important;
	}

	.slider-people .slide-content-container {
		padding-left: 80px !important;
		padding-right: 80px !important;
	}

	.menu-linkedin {
		padding-left: 48px !important;		
		padding-right: 16px !important;
	}
}

@media (max-width: 1199px) {

	.tfs-slider .slide-content-container {
		top: 42% !important;
	}
	
	.tfs-slider .slide-content-container {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

}

@media (min-width: 801px) {
	.header-slider-wrapper {
		max-width: 100% !important;
	}
}

.header-slider-logo {
	max-width: 374px;
}

.header-slider-payoff {
  color: #ffffff;
	margin: 40px 0 40px 0;
	font-size: 40px;
	line-height: 45px;
}

.header-slider-payoff.smaller {
	font-size: 28px;
	line-height: 32px;
}

.header-slider-payoff b {
  font-weight: bold;
}

/* END: Header sliders */


/* START: Flex sliders */

.slider-what-elerian-can-do .fusion-imageframe img {
	vertical-align: top;
	box-shadow: none!important;
}

.slider-what-elerian-can-do .payoff-slide-wrapper {
  align-content: center !important;	
}

@media (max-width: 800px) {

  .slider-what-elerian-can-do	.payoff-title h2 {
		font-size: 32px !important;
	}
	
	.slider-what-elerian-can-do .payoff-slider-icon-column .fusion-column-wrapper {
		flex-direction: column !important;
	}
	
	.slider-what-elerian-can-do .payoff-slider-icon-column .fusion-column-wrapper > div {
		text-align: center !important;
		padding-top: 90px !important;
	}
	
	.slider-what-elerian-can-do h2, .slider-what-elerian-can-do h5, .slider-what-elerian-can-do img {
	  text-align: center !important;
	} 
	
}

.flex-direction-nav a {
	background: none !important;
}

.flex-control-paging li a {
	background: transparent !important;
	border: 4px solid white !important;
	height: 20px !important;
	width: 20px !important;
	box-shadow: none !important;
}

.flex-control-paging li a.flex-active {
  background: rgba(255, 255, 255, 1) !important;
}

/* END: Flex sliders */