/* You can type here any CSS code that will be loaded both on your admin and front-end pages.
Let us help you by giving a few exmaple CSS classes: */

/* Front-end sliders & preview */

.ls-container { /* The slider itself */

}

.ls-slide a:hover {
	color: blue;
	text-decoration: underline;
}

.ls-wp-fullwidth-container,
.ls-wp-fullwidth-helper,
.ls-container,
.ls-container .ls-lt-container,
.ls-container .ls-inner,
.ls-slide,
.ls-slide > img {
	/*min-height: 360px;*/
}

@media only screen and (max-width: 991px) {
	.ls-slide > img {
		width: auto !important;
		margin-top: 0 !important;
	}
}

.ls-slide .ls-banner-content,
.ls-slide .ls-banner-content-detail,
.ls-slide .ls-banner-label {
	color: white;
}

.ls-slide .ls-banner-content{
	font-family: 'HelveticaNeue Medium';
	font-size: 30px;
	text-shadow: 0 0 40px #000;
}

.ls-slide .ls-banner-content-desktop,
.ls-slide .ls-banner-content.ls-banner-us,
.ls-slide .ls-banner-content.ls-banner-apply,
.ls-slide .ls-banner-content.ls-banner-opportunities{
	display: none;
}

@media only screen and (min-width: 992px) {
	.ls-slide .ls-banner-content,
	.ls-slide .ls-banner-content + a.ls-l,
	.ls-slide .ls-banner-content-detail,
	.ls-slide .ls-banner-label {
		left: 54px !important;
	}

	.ls-slide .ls-banner-content + a.ls-l {
		top: 614px !important;
	}

	.ls-slide .ls-banner-content.ls-banner-apply {
		top: 143px !important;
	}

	.ls-slide .ls-banner-content.ls-banner-us,
	.ls-slide .ls-banner-content.ls-banner-opportunities {
		top: 323px !important;
	}
}

.ls-slide .ls-banner-content.ls-banner-mobile-us,
.ls-slide .ls-banner-content.ls-banner-mobile-apply,
.ls-slide .ls-banner-content.ls-banner-mobile-opportunities{
	line-height: 29px !important;
}

.ls-slide .ls-banner-content-detail,
.ls-slide .ls-banner-label {
	font-size: 14px;
}

.ls-slide .ls-banner-link {
	padding: 5px 15px;
	font-size: 10px;
	font-family: 'HelveticaNeue Regular';
	letter-spacing: 1px;
	color: white;
	border: 1px white solid;
	--webkit-box-shadow: 1px 1px 0px 0px rgba(255,255,255,1);
	-moz-box-shadow: 1px 1px 0px 0px rgba(255,255,255,1);
	box-shadow: 1px 1px 0px 0px rgba(255,255,255,1);
}

@media only screen and (min-width: 992px) {
	.ls-slide .ls-banner-link {
		padding: 18px 38px;
		font-family: 'HelveticaNeue Medium';
		font-size: 21px;
		letter-spacing: inherit;
	}

	.ls-slide .ls-banner-label.share-label + a.ls-l {
		left: 103px !important;
	}

	.ls-slide .ls-banner-label.share-label + a.ls-l + a.ls-l {
		left: 124px !important;
	}

	.ls-slide .ls-banner-label.share-label + a.ls-l + a.ls-l + a.ls-l {
		left: 146px !important;
	}

	.ls-slide .ls-banner-label.share-label + a.ls-l + a.ls-l + a.ls-l + a.ls-l {
		left: 166px !important;
	}
}

.ls-slide .ls-banner-label {
	font-family: 'HelveticaNeue Medium';
}

/* ============REVISED STYLES FOR BANNER CONTENT AND LINKS=============== */
.ls-slide .ls-banner-title,
.ls-slide .ls-banner-content2,
.ls-slide .ls-banner-content2 + a.ls-l,
.ls-slide .ls-banner-content-detail2,
.ls-slide .ls-banner-label2,
.ls-slide .ls-gpuhack + a.ls-l,
.ls-container .ls-bottom-nav-wrapper .ls-bottom-slidebuttons {
	color: #fff;
	left: 19px !important; 
}

.ls-slide .ls-banner-content2 + a.ls-l {
	top: auto !important;
	bottom: 51px;
}

.ls-slide .ls-banner-title,
.ls-slide .ls-banner-label2,
.ls-slide .ls-banner-content2 {
	font-family: 'HelveticaNeue Medium';
}

/* banner title for mobile */
.ls-slide .ls-banner-title {
	background: #6abd45 !important;
	font-size: 12.5px !important;
	padding: 5px 15px 5px 16px !important;
	left: 19px !important;
	top: auto !important;
	bottom: 180px;
}

/* banner title top position on different pages in mobile */
/* apply now page */
#layerslider_22 .ls-slide .ls-gpuhack + a.ls-l,
#layerslider_4 .ls-slide .ls-gpuhack + a.ls-l {
	top: auto !important;
	bottom: 145px;
}


/* specific banner title top position on different pages in mobile */
.ls-slide .ls-banner-title.ls-banner-title-opportunities {
	bottom: 245px;
}

.ls-slide .ls-banner-title.ls-banner-title-workshop {
	bottom: 240px;
}

.ls-slide .ls-banner-title.ls-banner-title-you {
	bottom: 210px;
}

.ls-slide .ls-banner-title.ls-banner-title-meet-us {
	bottom: 212px;
}

.ls-slide .ls-banner-title.ls-banner-title-meetup-profile {
	bottom: 149px;
}

.ls-slide .ls-banner-title.ls-banner-title-digital {
	bottom: 278px;
}

/* banner content */
.ls-slide .ls-banner-content2 {
	font-size: 30px !important;
	line-height: 34px !important;
	text-shadow: 0 0 40px #000;
	/*top: 191px !important;*/  /*default banner content top position for mobile */
	top: auto !important;
}



/* specific setting on different pages in mobile */
.ls-slide .ls-banner-content2.ls-banner-content-home-us,
.ls-slide .ls-banner-content2.ls-banner-content-home-apply,
.ls-slide .ls-banner-content2.ls-banner-content-home-opportunities {
	line-height: 30px !important;
	bottom: 90px;
}

.safari_browser .ls-slide .ls-banner-content2.ls-banner-content-home-us,
.safari_browser .ls-slide .ls-banner-content2.ls-banner-content-home-apply,
.safari_browser .ls-slide .ls-banner-content2.ls-banner-content-home-opportunities {
	font-size: 24px !important;
}

.ls-slide .ls-banner-content2 {
	bottom: 66px;
}

.ls-slide .ls-banner-content-detail2,
.ls-slide .ls-banner-label2 {
	font-size: 14px;
}

.safari_browser .ls-slide .ls-banner-content2 {
	font-weight: bold !important;
	font-family: 'HelveticaNeue Bold' !important;
}

.ls-container .ls-bottom-nav-wrapper .ls-bottom-slidebuttons {
	position: absolute;
	top: auto;
	bottom: 18px;
}

.ls-container .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a {
	margin-right: 6px;
	height: 3px;
	width: 30px;
	background-image: none;
	background-color: white;
}

.ls-container .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a.ls-nav-active {
	background-color: #049eda;
}

.ls-slide .ls-banner-title.ls-banner-title-induction {
	bottom: 275px;
}

@media only screen and (min-width: 768px) {
	.ls-slide .ls-banner-title,
	.ls-slide .ls-banner-content2,
	.ls-slide .ls-banner-content2 + a.ls-l,
	.ls-slide .ls-banner-content-detail2,
	.ls-slide .ls-banner-label2,
	.ls-slide .ls-gpuhack + a.ls-l,
	.ls-container .ls-bottom-nav-wrapper .ls-bottom-slidebuttons {
		left: 63px !important; 
	}

	/* banner title for desktop */	
	.ls-slide .ls-banner-title {
		padding: 7px 22px 7px 23px !important;
	}	
	
	/* banner content */
	.ls-slide .ls-banner-content2,
	.ls-slide .ls-banner-content2.ls-banner-content-home-us,
	.ls-slide .ls-banner-content2.ls-banner-content-home-apply,
	.ls-slide .ls-banner-content2.ls-banner-content-home-opportunities,
	.safari_browser .ls-slide .ls-banner-content2.ls-banner-content-home-us,
	.safari_browser .ls-slide .ls-banner-content2.ls-banner-content-home-apply,
	.safari_browser .ls-slide .ls-banner-content2.ls-banner-content-home-opportunities {
		font-size: 50px !important;
		line-height: 52px !important;
		font-weight: bold;
	}

	.ls-slide .ls-banner-content2.ls-banner-content-workshop,
	.ls-slide .ls-banner-content2.ls-banner-content-induction,
	.ls-slide .ls-banner-content2.ls-banner-content-digital {
    	line-height: 46px !important;
	}
	
	/* specific banner title setting on different pages in desktop*/
	#layerslider_4 .ls-slide .ls-gpuhack + a.ls-l, /* apply now page */
	.ls-slide .ls-banner-title.ls-banner-title-us,
	.ls-slide .ls-banner-title.ls-banner-title-meetup-profile { /* 2 lines */
		bottom: 180px;
	}

	.ls-slide .ls-banner-title.ls-banner-title-faq,
	.ls-slide .ls-banner-title.ls-banner-title-meet-us { /* 3 lines */
		bottom: 232px !important;
	}

	.ls-slide .ls-banner-title.ls-banner-title-you,
	.ls-slide .ls-banner-title.ls-banner-title-opportunities { /* 4 lines */
		bottom: 284px !important;
	}

	.ls-slide .ls-banner-title.ls-banner-title-digital,
	.ls-slide .ls-banner-title.ls-banner-title-induction,
	.ls-slide .ls-banner-title.ls-banner-title-workshop { /* 5 lines */
		bottom: 310px !important;
	}
	
	.ls-slide .ls-banner-content2.ls-banner-content-home-us,
	.ls-slide .ls-banner-content2.ls-banner-content-home-apply,
	.ls-slide .ls-banner-content2.ls-banner-content-home-opportunities {
		bottom: 105px;
	}
	
	.ls-slide .ls-banner-content-desktop,
	.ls-slide .ls-banner-content.ls-banner-us,
	.ls-slide .ls-banner-content.ls-banner-apply,
	.ls-slide .ls-banner-content.ls-banner-opportunities {
		display: block;
	}

	.ls-slide .ls-banner-content-mobile,
	.ls-slide .ls-banner-content.ls-banner-mobile-us,
	.ls-slide .ls-banner-content.ls-banner-mobile-apply,
	.ls-slide .ls-banner-content.ls-banner-mobile-opportunities{
		display: none;
	}
}

@media only screen and (min-width: 992px) {
	.ls-slide .ls-banner-title,
	.ls-slide .ls-banner-content2,
	.ls-slide .ls-banner-content2 + a.ls-l,
	.ls-slide .ls-banner-content-detail2,
	.ls-slide .ls-banner-label2,
	.ls-slide .ls-gpuhack + a.ls-l,
	.ls-container .ls-bottom-nav-wrapper .ls-bottom-slidebuttons {
		left: 107px !important;
	}

	.ls-slide .ls-banner-content2,
	.ls-slide .ls-banner-content2 + a.ls-l {
		bottom: 106px;
	}

	/* banner title for desktop */	
	.ls-slide .ls-banner-title {
		font-size: 15px !important;
		padding: 7px 24px 7px 27px !important;
	}	

	/* specific banner title setting on different pages in desktop*/
	#layerslider_4 .ls-slide .ls-gpuhack + a.ls-l, /* apply now page */
	.ls-slide .ls-banner-title.ls-banner-title-us,
	.ls-slide .ls-banner-title.ls-banner-title-meetup-profile { /* 2 lines */
		bottom: 220px;
	}

	.ls-slide .ls-banner-title.ls-banner-title-faq,
	.ls-slide .ls-banner-title.ls-banner-title-meet-us { /* 3 lines */
		bottom: 272px !important;
	}

	.ls-slide .ls-banner-title.ls-banner-title-you,
	.ls-slide .ls-banner-title.ls-banner-title-opportunities { /* 4 lines */
		bottom: 324px !important;
	}

	.ls-slide .ls-banner-title.ls-banner-title-digital,
	.ls-slide .ls-banner-title.ls-banner-title-induction,
	.ls-slide .ls-banner-title.ls-banner-title-workshop { /* 5 lines */
		bottom: 376px !important;
	}

	.ls-slide .ls-banner-content2,
	.ls-slide .ls-banner-content2.ls-banner-content-home-us,
	.ls-slide .ls-banner-content2.ls-banner-content-home-apply,
	.ls-slide .ls-banner-content2.ls-banner-content-home-opportunities,
	.safari_browser .ls-slide .ls-banner-content2.ls-banner-content-home-us,
	.safari_browser .ls-slide .ls-banner-content2.ls-banner-content-home-apply,
	.safari_browser .ls-slide .ls-banner-content2.ls-banner-content-home-opportunities {
		font-size: 52px !important;
	}
	
	.ls-slide .ls-banner-content2.ls-banner-content-workshop,
	.ls-slide .ls-banner-content2.ls-banner-content-induction,
	.ls-slide .ls-banner-content2.ls-banner-content-digital {
    	line-height: 50px !important;
	}

	.ls-slide .ls-banner-content2.ls-banner-content-home-us,
	.ls-slide .ls-banner-content2.ls-banner-content-home-apply,
	.ls-slide .ls-banner-content2.ls-banner-content-home-opportunities {
		bottom: 181px !important;
	}

	.ls-container .ls-bottom-nav-wrapper .ls-bottom-slidebuttons {
		bottom: 42px;
	}

	.ls-container .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a {
		margin-right: 10px;
		height: 6px;
		width: 55px;
	}
}

@media only screen and (min-width: 1515px) {
	.ls-slide .ls-banner-content2,
	.ls-slide .ls-banner-content2.ls-banner-content-home-us,
	.ls-slide .ls-banner-content2.ls-banner-content-home-apply,
	.ls-slide .ls-banner-content2.ls-banner-content-home-opportunities,
	.ls-slide .ls-banner-content2.ls-banner-content-workshop,
	.ls-slide .ls-banner-content2.ls-banner-content-induction,
	.ls-slide .ls-banner-content2.ls-banner-content-digital,
	.safari_browser .ls-slide .ls-banner-content2.ls-banner-content-home-us,
	.safari_browser .ls-slide .ls-banner-content2.ls-banner-content-home-apply,
	.safari_browser .ls-slide .ls-banner-content2.ls-banner-content-home-opportunities	{
		line-height: 90px !important;
		font-size: 90px !important;
	}
	
	.ls-slide .ls-banner-title,
	.ls-slide .ls-banner-content2,
	.ls-slide .ls-banner-content2 + a.ls-l,
	.ls-slide .ls-banner-content-detail2,
	.ls-slide .ls-banner-label2,
	.ls-slide .ls-gpuhack + a.ls-l,
	.ls-container .ls-bottom-nav-wrapper .ls-bottom-slidebuttons {
		left: 130px !important;
	}
	
	/* banner title for desktop */	
	.ls-slide .ls-banner-title {
		font-size: 21px !important;
		padding: 14px 39px 14px 45px !important;
	}	

	/* specific banner title setting on different pages in desktop*/
	#layerslider_4 .ls-slide .ls-gpuhack + a.ls-l, /* apply now page */
	.ls-slide .ls-banner-title.ls-banner-title-us,
	.ls-slide .ls-banner-title.ls-banner-title-meetup-profile { /* 2 lines */
		bottom: 349px;
	}

	.ls-slide .ls-banner-title.ls-banner-title-faq,
	.ls-slide .ls-banner-title.ls-banner-title-meet-us { /* 3 lines */
		bottom: 439px !important;
	}

	.ls-slide .ls-banner-title.ls-banner-title-you,
	.ls-slide .ls-banner-title.ls-banner-title-opportunities { /* 4 lines */
		bottom: 539px !important;
	}

	.ls-slide .ls-banner-title.ls-banner-title-digital,
	.ls-slide .ls-banner-title.ls-banner-title-induction,
	.ls-slide .ls-banner-title.ls-banner-title-workshop { /* 5 lines */
		bottom: 619px !important;
	}

	.ls-slide .ls-banner-content2 {
		bottom: 138px;
	}

	.ls-slide .ls-banner-content2.ls-banner-content-home-us,
	.ls-slide .ls-banner-content2.ls-banner-content-home-apply,
	.ls-slide .ls-banner-content2.ls-banner-content-home-opportunities {
		bottom: 201px !important;
	}
}

/* banner links */
.ls-slide .ls-banner-link2 {
	padding: 5px 15px !important;
	font-family: 'HelveticaNeue Regular';
	font-size: 10px !important;
	line-height: 14px !important;
	letter-spacing: 1px;
	color: white;
	border: 1px white solid !important;
	-webkit-box-shadow: 1px 1px 0px 0px rgba(255,255,255,1);
	-moz-box-shadow: 1px 1px 0px 0px rgba(255,255,255,1);
	box-shadow: 1px 1px 0px 0px rgba(255,255,255,1);
}

/* social media links */
.ls-slide .ls-banner-label2.share-label2 {
	font-family: 'HelveticaNeue Regular';
	font-size: 12.5px !important;
}

.ls-banner-share-link2 {
	height: 18px !important;
	width: 18px !important;
}

/* top position for social media link buttons in mobile */
.ls-slide .ls-banner-label2.share-label2 {
	top: auto !important;
	bottom: 33px;
}

.ls-slide .ls-banner-label2.share-label2 + a.ls-l,
.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l,
.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l + a.ls-l,
.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l + a.ls-l + a.ls-l {
	top: auto !important;
	bottom: 28px;
}

/* left position for twitter link button in mobile */
.ls-slide .ls-banner-label2.share-label2 + a.ls-l {
	left: 67px !important;
}

.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l {
	left: 90px !important;
}

.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l + a.ls-l {
	left: 113px !important;
}

.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l + a.ls-l + a.ls-l {
	left: 137px !important;
}

@media only screen and (min-width: 768px) {
	/* banner links */
	.ls-slide .ls-banner-link2 {
		padding: 0 15px !important;
		font-size: 15px !important;
		line-height: 35px !important;
	}

	.ls-slide .ls-banner-label2.share-label2 {
		font-size: 14px;
		left: 63px !important;
	}

	/* left position for twitter link button in mobile */
	.ls-slide .ls-banner-label2.share-label2 + a.ls-l {
		left: 111px !important;
	}

	.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l {
		left: 134px !important;
	}

	.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l + a.ls-l {
		left: 157px !important;
	}

	.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l + a.ls-l + a.ls-l {
		left: 181px !important;
	}
}

/* element position for facebook link button in mobile */

@media only screen and (min-width: 992px) {
	.ls-slide .ls-banner-link2 {
		padding: 5px 16px !important;
		font-family: 'HelveticaNeue Medium';
		font-size: 16px !important;
		letter-spacing: inherit;
		-webkit-box-shadow: 2px 2px 0px 0px rgba(255,255,255,1);
		-moz-box-shadow: 2px 2px 0px 0px rgba(255,255,255,1);
		box-shadow: 2px 2px 0px 0px rgba(255,255,255,1);
	}
	
	.ls-slide .ls-banner-label2.share-label2 {
		font-size: 20px !important;
		bottom: 49px;
		left: 107px !important;
	}
	
	.ls-banner-share-link2 {
		height: 26px !important;
		width: 26px !important;
		top: auto !important;
		bottom: 51px;
	}
	
	.ls-slide .ls-banner-label2.share-label2 + a.ls-l,
	.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l,
	.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l + a.ls-l,
	.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l + a.ls-l + a.ls-l {
		bottom: 44px;
	}

	/* left position for social media link buttons in desktop */
	.ls-slide .ls-banner-label2.share-label2 + a.ls-l {
		left: 183px !important;
	}
	
	.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l {
		left: 219px !important;
	}
	
	.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l + a.ls-l {
		left: 254px !important;
	}
	
	.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l + a.ls-l + a.ls-l {
		left: 290px !important;
	}
}

@media only screen and (min-width: 1515px) {
	.ls-slide .ls-banner-link2 {
		font-size: 21px !important;
		padding: 18px 38px !important;
	}
	
	.ls-slide .ls-banner-label2.share-label2 {
		font-size: 24px !important;
		bottom: 60px;
		left: 130px !important;
	}

	.ls-banner-share-link2 {
		height: 33px !important;
		width: 33px !important;
		bottom: 51px;
	}

	.ls-slide .ls-banner-label2.share-label2 + a.ls-l,
	.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l,
	.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l + a.ls-l,
	.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l + a.ls-l + a.ls-l {
		bottom: 52px;
	}

	/* left position for social media link buttons in desktop */
	.ls-slide .ls-banner-label2.share-label2 + a.ls-l {
		left: 219px !important;
	}
	
	.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l {
		left: 262px !important;
	}
	
	.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l + a.ls-l {
		left: 304px !important;
	}
	
	.ls-slide .ls-banner-label2.share-label2 + a.ls-l + a.ls-l + a.ls-l + a.ls-l {
		left: 347px !important;
	}
}
/* ============[END] - REVISED STYLES FOR BANNER CONTENT AND LINKS=============== */


/* Side color of 3D objects */
.ls-3d-box div { background: #777; }

/* font colors */
.ls-color-blue {
	color: #049eda;
}

.ls-color-green {
	color: #6abd45;
}

#custom-opportunities .ls-wp-fullwidth-container,
#custom-opportunities .ls-container .ls-lt-container,
#custom-opportunities .ls-container .ls-inner,
#custom-opportunities .ls-slide.ls-active,
#custom-opportunities .ls-slide.ls-animating {
	max-height: 322px;
}