/**
 * @file - CSS styles for the careers page.
 *
 */


@font-face {
  font-family:"Century Gothic W01 Bold";
  src:url("../fonts/b247e158-e647-4a3d-9637-944de5124043.eot?#iefix");
  src:url("../fonts/b247e158-e647-4a3d-9637-944de5124043.eot?#iefix") format("eot"),url("../fonts/2ef5ecda-1772-45e2-843f-a13f5d76ed3a.woff") format("woff"),url("../fonts/33cf10ca-a6bb-4888-a320-d38720c9847b.ttf") format("truetype"),url("../fonts/3428a0e6-cb4d-408a-8331-cc78554ab49c.svg#3428a0e6-cb4d-408a-8331-cc78554ab49c") format("svg");
}


.field-name-field-careers-colour {
  display: none;
}

.careers-wall {
  margin-bottom: 50px;
}

.careers-wall .block {
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px #888;
  box-shadow: 0 0 5px #888;
  padding-bottom: 24px;
  position: relative;
}

#block-block-35 {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-bottom: 15px;
}

body.section-careers-wall {
  background-color: #e5e5e2;
}

.careers-wall section.block-block,
#block-views-latest-jobs-block-1 {
  background-color: white;
}

.careers-wall section.block-block h2,
#block-views-latest-jobs-block-1 h2, 
#block-views-latest-jobs-block-1 .view-content {
  padding: 10px 15px;
  margin: 0;
}

#block-views-latest-jobs-block-1 .view-content {
  padding-top: 0;
  padding-bottom: 0;
}

#block-views-latest-jobs-block-1 h2,
.careers-wall section.block-block h2 {
  text-transform: uppercase;
  color: #5b6770;
  font-size: 25px;
}

@media screen and (min-width: 768px) and (max-width: 979px) {
  #block-views-latest-jobs-block-1 h2,
  .careers-wall section.block-block h2 {
    font-size: 20px;
  }

  #block-bean-why-xchanging-careers-page {
    height: 195px;
  }

}

#block-block-36.block-block,
#block-block-35.block-block {
  background-color: transparent;
}

#block-block-35 p {
  text-align: center;
  clear: both;
}

@media screen and (min-width: 768px) and (max-width: 979px) {
  #block-block-35 img {
    width: 36px !important;
    height: 36px !important;
    margin-bottom: 0;

  }

  #block-block-35 p {
    margin: 0;
    text-align: left;
  }

  #block-block-35 a {

  }
}

@media screen and (min-width: 980px) and (max-width: 1199px)  {
  #block-block-35 img {
    width: 54px !important;
    height: 54px !important;
    margin-bottom: 0;
  }
}

.ie8 #block-block-35 img {
  width: 54px !important;
    height: 54px !important;
}

/* Video block */
#block-block-36 {
  margin-bottom: 30px;
  width: 100%;
  /* height: 354px; */
  clear: both;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 0;
  height: 0;    
}

/* responsive video */
#block-block-36 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px) and (max-width: 979px) {
  #block-bean-graduates-careers-page {
    min-height: 178px;
    margin-bottom: 25px;
  }
}

#block-views-latest-jobs-block-1 .views-field-title a,
#block-views-e7cda541a95e8c343af9658264c1a4de,
#block-views-careers-wall-tweets-block-2, 
.view-latest-jobs .views-field-body,
.field-name-field-careers-summary,
.arial14 {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #5b6770;
  padding: 0 15px 5px 15px;
  margin: 0;
}

#block-views-latest-jobs-block-1 .views-field-title a {
  line-height: 16px;
}

@media screen and (min-width: 768px) and (max-width: 979px) {
  #block-views-latest-jobs-block-1 .views-field-title a,
  #block-views-e7cda541a95e8c343af9658264c1a4de,
  #block-views-careers-wall-tweets-block-2, 
  .view-latest-jobs .views-field-body,
  .field-name-field-careers-summary,
  .arial1 {
    font-size: 11px;
  }
}


.view-latest-jobs .views-field-body,
#block-views-latest-jobs-block-1 .views-field-title a {
  font-size: 12px;
}

@media screen and (min-width: 768px) and (max-width: 979px) {
  .view-latest-jobs .views-field-body,
  #block-views-latest-jobs-block-1 .views-field-title a {
    font-size: 11px;
  }
}

@media screen and (min-width: 1200px) {
  .view-latest-jobs .views-field-body,
  #block-views-latest-jobs-block-1 .views-field-title a {
    font-size: 14px;
  }
}

.field-name-field-careers-summary {
  padding-bottom: 0;
  padding-top: 5px;
}

#block-views-latest-jobs-block-1 .views-field-title a {
  padding: 0;
}

#block-views-e7cda541a95e8c343af9658264c1a4de,
#block-views-careers-wall-tweets-block-2 {
  padding: 0;
  margin-bottom: 30px;
  background-color: #fff;
  /* width: 270px; */
  min-height: 120px;
}

#block-views-careers-wall-tweets-block-2 {
  min-height: 130px;
}

@media screen and (min-width: 450px) {
  #block-views-e7cda541a95e8c343af9658264c1a4de,
  #block-views-careers-wall-tweets-block-2 {
    width: 47.3%;
    float: left;
    min-height: 120px;
  }

  #block-views-careers-wall-tweets-block-2 {
    float: right;
  }

}

.ie8 #block-views-e7cda541a95e8c343af9658264c1a4de,
.ie8 #block-views-careers-wall-tweets-block-2 {
    width: 47.3%;
    float: left;
    height: 200px;
}

.ie8 #block-views-careers-wall-tweets-block-2 {
  float: right;
}

@media screen and (min-width: 768px) and (max-width: 979px) {
  #block-views-e7cda541a95e8c343af9658264c1a4de,
  #block-views-careers-wall-tweets-block-2 {
    height: 220px;
  }

  #block-views-e7cda541a95e8c343af9658264c1a4de .views-social-media {
    height: 160px;
  }
}

@media screen and (min-width: 980px) and (min-width: 1200px) {
  #block-views-e7cda541a95e8c343af9658264c1a4de,
  #block-views-careers-wall-tweets-block-2 {
    height: 150px;
  }
}


#block-views-e7cda541a95e8c343af9658264c1a4de .linkedinjobscard,
#block-views-careers-wall-tweets-block-2 .twittercard {
  border: none;
}

#block-views-e7cda541a95e8c343af9658264c1a4de .linkedinjobscard {
  min-height: 110px;
  position: relative;
}

.ie8 #block-views-e7cda541a95e8c343af9658264c1a4de .linkedinjobscard {
  min-height: 170px;
}

#block-views-e7cda541a95e8c343af9658264c1a4de .linkedinjobscard .views-field-nothing {
  bottom: 0;
  position: absolute;
}

#block-views-careers-wall-tweets-block-2 .twittercard .views-field-nothing {
  bottom: 10px;
  position: absolute;
}

.ie8 #block-views-careers-wall-tweets-block-2 .twittercard .views-field-nothing {
  left: 10px;
}

@media screen and (min-width: 450px) {
  #block-views-e7cda541a95e8c343af9658264c1a4de .linkedinjobscard {
    height: 130px;
  }

  #block-views-careers-wall-tweets-block-2 .twittercard {
    min-height: 130px;
  }

  #block-views-e7cda541a95e8c343af9658264c1a4de,
  #block-views-careers-wall-tweets-block-2 {
    min-height: 160px;
  }
}

@media screen and (min-width: 980px) and (max-width: 1199px) {
  #block-views-e7cda541a95e8c343af9658264c1a4de, 
  #block-views-careers-wall-tweets-block-2 {
    min-height: 195px;
  }

  #block-views-e7cda541a95e8c343af9658264c1a4de .linkedinjobscard {
    min-height: 165px;
  }

  .careers-wall .block-bean {
    min-height: 202px;
  }

  #block-bean-graduates-careers-page {
    margin-bottom: 30px;
    min-height: 203px;
  }
}

#block-block-37,
#block-views-careers-wall-tweets-block-2 {
  border-top: 3px solid #0099CC;  
}

#block-block-38 {
  border-top: 3px solid #faaf40;
}

#block-views-latest-jobs-block-1 {
  border-top: 3px solid #003366;
}

#block-block-36,
#block-block-33 {
  border-top: 3px solid #ef4136;
}

#block-views-e7cda541a95e8c343af9658264c1a4de {
  border-top: 3px solid #003366;
}

#block-views-e7cda541a95e8c343af9658264c1a4de .view-careers-wall-linkedin-block,
#block-views-careers-wall-tweets-block-2 .view-careers-wall-tweets {
  padding: 15px;
}

.view-latest-jobs .views-field-body {
  padding: 0 0 10px 0;
}

.view-latest-jobs .views-row-last .views-field-body {
  padding-bottom: 0;
}

#block-views-latest-jobs-block-1 .views-field-title a {
  color: #003366;
}

.careers-wall .block-bean a,
#block-views-latest-jobs-block-1 .view-footer a,
.arial-upper-link {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 11px;
  line-height: 20px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-top: 10px;
  color: #abb1b6 !important;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  margin-bottom: 0;
  bottom: 0;
  position: absolute;
}

#block-views-careers-wall-tweets-block-2 .social_foot,
#block-views-e7cda541a95e8c343af9658264c1a4de .views-field-nothing a,
#block-views-e7cda541a95e8c343af9658264c1a4de .views-field-nothing a:visited {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 11px;
  line-height: 20px;
  padding-left: 25px;
  padding-top: 10px;
  color: #abb1b6 !important;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
}

#block-views-e7cda541a95e8c343af9658264c1a4de .views-field-nothing a,
#block-views-e7cda541a95e8c343af9658264c1a4de .views-field-nothing a:visited {
  background: url(../images/icon-linkedin-small.png) 0 10px no-repeat;
}

#block-views-careers-wall-tweets-block-2 .social_foot {
  background: url(../images/icon-twitter-small.png) 0 10px no-repeat;
}

#block-views-careers-wall-tweets-block-2 .view-footer {
  display: none;
}

.arial-upper-link a,
.arial-upper-link a:visited {
   color: #abb1b6;
}

#block-views-latest-jobs-block-1 .view-footer a {
  padding-top: 0;  
}

#block-views-latest-jobs-block-1 .view-footer p {
  margin-bottom: 15px;
}

.arial-upper-link a {
  padding-top: 0;
}

#block-views-latest-jobs-block-1 .view-footer {
  padding-bottom: 5px;
}

.careers-wall .block-bean {
  position: relative;
  margin-bottom: 30px;
  background-color: #fff;
  /* height: 242px; */
}

.field-name-field-careers-headline-1,
.field-name-field-careers-headline-2 {
  padding-left: 15px;
  position: absolute;
  top: 20px;
  color: #fff;
  font-size: 25px;
  font-family:"Century Gothic W01 Bold";
}

.field-name-field-careers-headline-1 {
  padding-left: 32px;
}

.field-name-field-careers-headline-2 {
  top: 50px;
}

@media screen and (min-width: 768px) and (max-width: 979px) {
  .field-name-field-careers-headline-1,
  .field-name-field-careers-headline-2 {
    font-size: 15px;
    top: 5px;
  }

  .field-name-field-careers-headline-2 {
    top: 22px;
  }

  #block-views-e7cda541a95e8c343af9658264c1a4de .linkedinjobscard {
    height: 195px;
  }
}


@media screen and (min-width: 980px) and (max-width: 1199px) {
  .field-name-field-careers-headline-1,
  .field-name-field-careers-headline-2 {
    font-size: 22px;
    top: 14px;
  }

  .field-name-field-careers-headline-2 {
    top: 40px;
  }
}



.field-name-field-careers-link {
  padding-bottom: 10px;
}

#block-block-33 {
  min-height: 139px;
}

#block-block-33 p {
  margin: 0;
}

#block-block-33 a {
  padding-top: 0;
}

#block-block-37,
#block-block-38 {
  margin-bottom: 30px;
}

@media screen and (min-width: 450px) {
  #block-block-37,
  #block-block-38 {
    float: left;
    width: 47.3%;
    min-height: 149px;
  }

  #block-block-38 {
    float: right;
  }
}


@media screen and (min-width: 768px) and (max-width: 979px) {
  #block-block-37,
  #block-block-38,
  #block-block-33 {
    height: 219px;
  }

  .arial14 {
    font-size: 11px;
  }

  #block-views-latest-jobs-block-1 {
    height: 400px;
  }

  #block-views-careers-wall-tweets-block-2 .social_foot {
    padding-right: 10px;
  }
}

@media screen and (min-width: 980px) and (max-width: 1199px) {
  #block-block-37,
  #block-block-38,
  #block-block-33 {
    height: 149px;
  }

  }

  .ie8 #block-block-37,
  .ie8 #block-block-38 {
    height: 208px; /* comment */
  }

  .ie8 #block-block-33 {
    height: 204px;
  }

@media screen and (min-width: 980px) and (max-width: 1199px) {
  #block-views-latest-jobs-block-1 {
    height: 364px;
  }
  #block-block-37,
  #block-block-38 {
    min-height: 192px;
  }

  #block-block-33 {
   min-height: 193px;
  }
}

@media screen and (min-width: 1200px) {
  #block-block-37,
  #block-block-38 {
    min-height: 162px;
  }

  #block-block-33 {
   min-height: 163px;
  }

  #block-bean-graduates-careers-page {
    height: 228px;
    margin-bottom: 39px;
  }

  #block-views-latest-jobs-block-1 {
    height: 350px;
  }
}

.ie8 #block-bean-graduates-careers-page {
  min-height: 214px;
}

.ie8 #block-block-37,
.ie8 #block-block-38 {
    float: left;
    width: 47.3%;
    height: 204px;
}

.ie8 #block-block-38 {
  float: right;
}


/* =============================================================================
    Block styles
   ========================================================================== */   

.block-rule-left,
.block-rule-middle, 
.block-rule-right {
  height: 40px;
  display: inline-block;
}

.block-rule-left {
  background: url("../images/rule-left-right.png") no-repeat scroll 0 -485px rgba(0, 0, 0, 0);
  width: 18px;
  margin-right: -1px;
}

.block-rule-middle {
  background: url("../images/rule-mid.png") repeat-x scroll 0 -485px rgba(0, 0, 0, 0);  
}

.block-rule-right {
  background: url("../images/rule-left-right.png") no-repeat scroll 100% -485px rgba(0, 0, 0, 0);
  width: 25px;
  margin-left: -1px;
}

.block-colour-blue .block-rule-left,
.block-colour-blue .block-rule-middle {
  background-position: 0 -489px !important;  
}

.block-colour-blue .block-rule-right {
  background-position: 100% -489px !important;  
}

.block-colour-green .block-rule-left,
.block-colour-green .block-rule-middle {
  background-position: 0 -189px !important;
}

.block-colour-green .block-rule-right {
  background-position: 100% -189px !important;  
}

.block-colour-orange .block-rule-left,
.block-colour-orange .block-rule-middle {
  background-position: 0 -289px !important;
}

.block-colour-orange .block-rule-right {
  background-position: 100% -289px !important;  
}

.block-colour-pink .block-rule-left,
.block-colour-pink .block-rule-middle {
  background-position: 0 11px !important;
}

.block-colour-pink .block-rule-right {
  background-position: 100% 11px !important;  
}

.block-colour-purple .block-rule-left,
.block-colour-purple .block-rule-middle {
  background-position: 0 -389px !important;
}

.block-colour-purple .block-rule-right {
  background-position: 100% -389px !important;  
}

.block-colour-red .block-rule-left,
.block-colour-red .block-rule-middle {
  background-position: 0 -589px !important;
}

.block-colour-red .block-rule-right {
  background-position: 100% -589px !important;  
}

.block-colour-yellow .block-rule-left,
.block-colour-yellow .block-rule-middle {
  background-position: 0 -89px !important;
}

.block-colour-yellow .block-rule-right {
  background-position: 100% -89px !important;  
}


/* =============================================================================
    Responsive fixes
   ========================================================================== */   


/*

@media screen and (max-width: 1204px) {
  .careers-wall .span3 {
    width: 270px;
  }    
  .careers-wall .span6 {
    width: 570px;
  }
}
  
@media screen and (min-width: 992px) and (max-width: 1203px) {
  .careers-right.span3 {
    margin-top: 30px;
    clear: both;
  }
}

@media screen and (min-width: 992px) and (max-width: 1203px) {
  .careers-right.span3 {
    margin-top: 30px;
    width: 100%;
  }
  .careers-right section.block {
    float: left;
    width: 270px;
    margin-right: 25px;
  }
}

@media screen and (min-width: 575px) and (max-width: 991px) {
  .careers-wall .span3 {
    width: 570px;
  }  
}

@media screen and (max-width: 991px) {
  .careers-left.span3 {
    margin-bottom: 30px;
  }  
  .careers-wall .block-bean {
    margin-top: 30px;
  }
}
  
@media screen and (max-width: 574px) {
  .careers-wall .careers-left, 
  .careers-wall .careers-middle,
  .careers-wall .careers-right {
    margin-left: 20px;
  }    
  #block-block-35 a img {
    margin: 0 !important;
    padding-left: 10px;
  }  
  .careers-wall .span6 {
    width: 270px;
  }
  .careers-middle section.block {
    float: none !important;
    clear: both;
  }
  #block-block-37 {
    margin-bottom: 30px;
  }  
  #block-block-36 {
    height: auto;
  }  
  #block-block-36 iframe {
    max-width: 100%;
    height: auto;
  }
}

*/

#block-views-latest-jobs-block-1 {
  margin-bottom: 30px;
}

.careers-wall .block-bean img {
  width: 100%;
}

@media screen and (min-width: 400px) {
  .careers-wall .block-bean img {
    width: auto;
  }
}

@media screen and (min-width: 1200px) {
  .careers-wall .block-bean img {
    width: 100%;
  }
}

#block-bean-how-to-apply, #block-bean-employee-profiles-careers-page {
  clear: both;
}

/* test */