@charset "UTF-8";
/* CSS Document */

@font-face {
font-family: “Segoe UI”;
src: url(“Segoe UI Light”), url(“../fonts/segoeuil.ttf”) format(“truetype”);
}


/************************************
	Staff navigation
************************************/
.ThemeStreetArt{ 
background: #000524 url(https://assets.zwift.com.au/zwiftWebsite/images/bg-zwift-alley-graphic3.jpg) top center no-repeat;}

.StaffScroll {height: 400px;color: #004A7F;top: -10px;position: relative;}

/*Use below if there is a bakcground image or if the BG is non white*/
/* white gradient shapes */
/* .sc-overlay, sc-overlay-left, .sc-overlay sc-overlay-right { display:none;}*/



/************************************
	General Page layout 3 colums
************************************/
.ColmnGraph{
	float:left; margin-top:4px; margin-right:50px; width:208px;
	text-align:center;
	}

.ColmnAbout{
	float:left; position:relative; margin-right:50px; width:442px;
	text-align:left; color: #004A7F; font-size: 17px; line-height:22px;
	}

.ColmnAbout p{ margin-bottom:30px;
	}
 
.ColmnApply {
	float:left; width:208px;
	text-align:left; color:#B1B3B4; font-size: 17px;
	}

.ColTitle{font-family: 'Source Sans Pro', sans-serif; font-weight:200;
	color:#004A7F; font-size: 27px; text-align:center; margin-bottom:5px;}


/************************************
	Row 1 -  Intro
************************************/
.AwardColm{ text-align:center; display:inline-block; vertical-align: middle; margin:0px 30px 20px 40px;}
.AwardSpacer{margin:10px 0px 20px 0px; display:block; width:100%;}

/************************************
	Careers Page -  Intro
	
	no-repeat center center fixed; 
-webkit-background-size:cover; -moz-background-size:cover; background-size:cover;
************************************/

.ThemeCareers{background: #012C52 url(https://assets.zwift.com.au/zwiftWebsite/images/img-staff-career-photo2.jpg) no-repeat center center fixed;  
-webkit-background-size:cover; -moz-background-size:cover; background-size:cover; color:#FFF;}
.CareersCTAmessage { width:60%; margin:190px auto 50px auto;  font-size:25px; text-align:center;}
.CareersCTAmessage p { text-shadow: 0px 2px 10px #000000;}
.CareersCTAmessage a{ margin-top:25px; width:340px; display:inline-block;}

.btn_actionGreenFlat {
	 background: #BDCD00; display:block; border: 2px solid #BDCD00; border-radius:5px; padding:5px 0px; cursor: pointer; 
	font-size:23px; color:#FFF; font-weight:bold; text-align:center;}
	
.btn_actionGreenFlat:hover {background: #7AB51D; border: 2px solid #7AB51D; color:#FFF; }	
	

h2 {font-size:45px; font-weight:300; color:#00B1E6;}
h3{  font-size:25px; font-weight:normal;}
.AlignCenter{ text-align:center; color:#004A7F;}
.ZwiftValues {list-style:none; padding-top:20px;}
.ZwiftValues li{ font-size:25px; padding:20px 0px 10px 0px; }
.ZwiftValues a{font-size:17px; z-index:888; position:relative;}
#expand-Careers-Values{ margin-top:-64px; background:#FFF; z-index:999; position:relative;}

.DepartmentSection { text-align:center; margin-top:10px;}
.DepartmentSection li{ text-align:center; width:250px; padding:30px 0px 20px 0px; cursor:pointer; margin:15px; border:2px solid #fff; vertical-align:top; 
 -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; display:inline-block;} 
.DepartmentSection li:first-child{ margin-left:0;}
.DepartmentSection li:nth-child(1) h2{ color:#7AB51D}
.DepartmentSection li:nth-child(2) h2{ color:#E2007A}
.DepartmentSection li:nth-child(4) h2{ color:#EFA900}
.DepartmentSection li:nth-child(5) h2{ color:#E95D0F}

.DepartmentSection li:nth-child(5){ margin-right:0;}
.DepartmentSection li h2 { font-size:25px; font-weight:normal;}
.DepartmentSection li:hover{ box-shadow: 0px 0px 12px #bce4f6; } 

.DepIcon { width:200px; height:200px;  margin:0 auto; }
.InfoExpanded { display:none; text-align:center; padding:15px 15px 5px 15px; font-size:17px; }
.SectionCTA { margin-bottom:80px;}
.SectionCTA h3{  font-size:25px;}
.SectionCTA a{ width:300px; display:inline-block;}