/*add to core button styles*/
/*
.teaser-page .bfm-employment-page-teaser .teaser-button a,
.teaser-page .bfm-employment-page-teaser .teaser-button a:hover,
*/
.single-ct-employment .backbuttonwrap {font-weight: 900; letter-spacing: .3px; margin: 20px 0 0 0; padding-bottom: 22px;}


.allemployment-page .splitwrap {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.allemployment-page .splitwrap .leftside {width: 48%; display: inline-block;}
.allemployment-page .splitwrap .rightside {width: 48%; display: inline-block;}

/* EMPLOYMENT CSS */
#allpositions {background-color: #ffffff; }
.teaser-page .nth-rule-wrapper {width:100%;} /* this is a fix for IE11 */
.teaser-page .post-teaser.columns-one.bfm-employment-page-teaser {width:calc(100% - 2px);}
.teaser-page .bfm-employment-page-teaser {width: 100%; border: 1px solid #a19fa0; box-sizing: border-box; display:flex; justify-content:flex-start; align-content:flex-start; align-items:center;}
.teaser-page .post-teaser.bfm-employment-page-teaser  {margin-bottom: 0;}
.teaser-page .bfm-employment-page-teaser .col-one {width: 350px; padding:10px;box-sizing: border-box;  display:inline-block; border: 0;}
.teaser-page .bfm-employment-page-teaser .col-one > div { line-height: 1.2em;}
.teaser-page .bfm-employment-page-teaser .col-two {width:calc(100% - 350px); padding:10px; box-sizing: border-box; display:inline-block; border: 0;}
.teaser-page .bfm-employment-page-teaser label {font-weight: bold;}
.teaser-page .bfm-employment-page-teaser label:after {content: ':'; margin-right: 10px;}
.teaser-page .bfm-employment-page-teaser .position-title {color: #000000; font-style: normal; font-size: calc(14pt + .28vw);  font-weight: 700; margin-bottom: 20px;}
.teaser-page .bfm-employment-page-teaser .col-one .teaser-location {color: #7c7c7c;}
.teaser-page .bfm-employment-page-teaser .col-two .teaser-description {color: #7c7c7c;}
.teaser-page .bfm-employment-page-teaser.header-row {background: #ffffff; border-color:#445761; color: #ffffff; font-size:1.1em;  font-weight: 600;}
.teaser-page .bfm-employment-page-teaser:nth-child(odd) {background: #ffffff;}
.teaser-page .bfm-employment-page-teaser:nth-child(even) {background: #ffffff;}
.teaser-page .bfm-employment-page-teaser .teaser-button a.button.more-link {background-color: #42a2d6; border-color: #42a2d6; color:#ffffff; font-weight: 700; }
.teaser-page .bfm-employment-page-teaser .teaser-button a.button.more-link:hover {background-color: #000000; border-color: #000000; color:#ffffff }
.employment-page .inline p {margin: 2px 0;}
.employment-page .formtitle {margin-top: 20px;}

.page-template-bfm_teaser_page .nth-rule-wrapper .post-teaser.bfm-employment-page-teaser {width: 100%; box-sizing: border-box;}
.teaser-page .post-teaser.bfm-employment-page-teaser.header-row {background: #445761; border-color: #445761;margin-bottom: 0; box-sizing: border-box; max-width: 100%; overflow: hidden;}
.teaser-page .bfm-employment-page-teaser.header-row .col-one {background:#445761; border-color:#445761; color: #ffffff; font-size:1.1em; font-weight:900; border: 0; width: 350px; padding: 10px; box-sizing: border-box;}
.teaser-page .bfm-employment-page-teaser.header-row .col-two {background:#445761; border-color:#445761; color: #ffffff; font-size:1.1em; font-weight:900; border: 0; width: calc(100% - 350px); padding: 10px; box-sizing: border-box;}
.teaser-page .bfm-employment-page-teaser .col-two {border-left: 1px dashed #445761;}
.teaser-page .bfm-employment-page-teaser .teaser-button  {text-align: left;}




@media only screen and (max-width: 1100px) {
  .teaser-page .bfm-employment-page-teaser.header-row .col-one, 
  .teaser-page .bfm-employment-page-teaser.header-row .col-two {display: inline-block ; box-sizing: border-box; border: 0; text-align: left;}
}

@media only screen and (max-width: 900px) {
  .allemployment-page .splitwrap .leftside {width: 100%; }
  .allemployment-page .splitwrap .rightside {width: 100%;}
}

@media only screen and (max-width: 700px) {
  .bfm-employment-page-teaser {flex-wrap: wrap;}
  .teaser-page .bfm-employment-page-teaser .position-title  {font-size: calc(14pt + 1.0vw); margin-top: 10px;}
  .teaser-page .bfm-employment-page-teaser.header-row .col-two {display: none;}
  .teaser-page .bfm-employment-page-teaser .col-one {width: 100%; padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px dashed #e2e2e2;}
  .teaser-page .bfm-employment-page-teaser.header-row .col-one {margin-bottom: 0;}
  .teaser-page .bfm-employment-page-teaser .col-two {width: 100%; border-left: 0; padding-top: 0;}

  .bfm-employment-page-teaser .col-one {width:100%; box-sizing: border-box; padding:10px; display:inline-block; border-bottom:1px dashed #e2e2e2;}
  .bfm-employment-page-teaser .col-two {width:100%; box-sizing: border-box; padding:10px; display:inline-block;}
  #content.teaser-page .bfm-employment-page-teaser.header-row .col-one {border-bottom:0; text-align: center; width: 100%;}
  #content.teaser-page .bfm-employment-page-teaser.header-row .col-two {display:none;} 
}