@font-face {
  font-family: "Duplex Sans Web";
  src: url('fonts/duplex_web.eot');
  src: url('fonts/duplex_web.eot?#iefix') format('embedded-opentype'), url('fonts/duplex_web.ttf') format('truetype'), url('fonts/duplex_web.svg') format('svg'), url('fonts/duplex_web.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Duplex Sans Bold";
  src: url('fonts/duplex_bold.eot');
  src: url('fonts/duplex_bold.eot?#iefix') format('embedded-opentype'), url('fonts/duplex_bold.ttf') format('truetype'), url('fonts/duplex_bold.svg') format('svg'), url('fonts/duplex_bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "CaeciliaLTStd-Bold";
  src: url('fonts/CaeciliaLTStd-Bold.otf') format('opentype');
}
@font-face {
  font-family: "CaeciliaLTStd-Light";
  src: url('fonts/CaeciliaLTStd-Light.otf') format('opentype');
}
/* line 7, source/_fonts.sass */
.bold {
  font-family: "Duplex Sans Bold", sans-serif;
}

/* line 20, source/jobb_new.sass */
body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

/* line 25, source/jobb_new.sass */
a {
  text-decoration: none;
}

/* line 28, source/jobb_new.sass */
#lokusjobbnew {
  background-color: #ece6dc;
  max-width: 700px;
  min-width: 200px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 15px;
}
/* line 38, source/jobb_new.sass */
#lokusjobbnew a img {
  border: 0;
}
/* line 41, source/jobb_new.sass */
#lokusjobbnew .lokusjobb_clear {
  clear: both;
  height: 0;
  overflow: hidden;
}
/* line 46, source/jobb_new.sass */
#lokusjobbnew .header {
  background-color: #ece6dc;
  font-family: CaeciliaLTStd-Bold, Arial, Verdana, Helvetica, sans-serif;
  font-size: 24px;
  padding: 10px 10px 0 10px;
}
/* line 52, source/jobb_new.sass */
#lokusjobbnew .header .header_logo {
  height: 18px;
  margin-right: 10px;
}
/* line 56, source/jobb_new.sass */
#lokusjobbnew .header .header_logo_fit {
  height: 15px;
  margin-bottom: 5px;
}
/* line 74, source/jobb_new.sass */
#lokusjobbnew a {
  color: #555;
  font-size: 13px;
}
/* line 78, source/jobb_new.sass */
#lokusjobbnew .link_container {
  background-color: #ece6dc;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 10px;
  padding-right: 10px;
}
/* line 85, source/jobb_new.sass */
#lokusjobbnew a.lokusjobb_button {
  background-color: #00798a;
  color: #fff;
  text-align: center;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 auto;
  width: 158px;
  display: block;
  padding: 4px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: #3c3c3c;
}
/* line 104, source/jobb_new.sass */
#lokusjobbnew #job_wrapper {
  overflow: hidden;
  position: relative;
  height: 300px;
}
/* line 111, source/jobb_new.sass */
#lokusjobbnew #job_content {
  -webkit-backface-visibility: hidden;
}
/* line 113, source/jobb_new.sass */
#lokusjobbnew #job_content .job-item {
  background-color: #fff;
  position: relative;
  border-bottom: 2px solid #ebeced;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin-top: 6px;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
  clear: both;
  -webkit-perspective: 1000px;
  -webkit-backface-visibility: hidden;
}
/* line 126, source/jobb_new.sass */
#lokusjobbnew #job_content .job-item .job {
  padding: 8px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
/* line 132, source/jobb_new.sass */
#lokusjobbnew #job_content .job-item .job .job_item_header {
  display: inline-block;
  flex: 1 1 0%;
}
/* line 137, source/jobb_new.sass */
#lokusjobbnew #job_content .job-item .job:hover h3 {
  color: black;
  text-decoration: underline;
}
/* line 141, source/jobb_new.sass */
#lokusjobbnew #job_content .job-item .job h3 {
  font-size: 14px;
  margin: 0;
  padding: 0;
  color: #444;
  font-weight: bold;
  margin-bottom: 8px;
  display: block;
}
/* line 150, source/jobb_new.sass */
#lokusjobbnew #job_content .job-item .job p {
  font-size: 13px;
  margin: 0;
  padding: 0;
  margin-top: 0px;
  margin-bottom: 8px;
}
/* line 157, source/jobb_new.sass */
#lokusjobbnew #job_content .job-item .job .area {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: grey;
  width: 50%;
  display: block;
}
/* line 162, source/jobb_new.sass */
#lokusjobbnew #job_content .job-item .job .area:before {
  content: " ";
  display: inline-block;
  width: 10px;
  height: 11px;
  background-image: url("../images/mapmarker.png");
  background-size: contain;
  background-repeat: no-repeat;
}
/* line 171, source/jobb_new.sass */
#lokusjobbnew #job_content .job-item .job a {
  color: #333;
}
/* line 174, source/jobb_new.sass */
#lokusjobbnew #job_content .job-item .job .img_replacer {
  height: 30px;
}
/* line 177, source/jobb_new.sass */
#lokusjobbnew #job_content .job-item .job .job_item_img {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  width: 124px;
  height: 50px;
}
/* line 184, source/jobb_new.sass */
#lokusjobbnew #job_content .job-item .job .job_item_img img {
  max-height: 100%;
  max-width: 100%;
  display: inline-block;
  object-fit: contain;
  font-size: 0;
}
/* line 191, source/jobb_new.sass */
#lokusjobbnew .tj_footer {
  background-color: white;
  margin-top: 0px;
  position: relative;
  text-align: right;
}
/* line 196, source/jobb_new.sass */
#lokusjobbnew .tj_footer .footer_text {
  font-family: CaeciliaLTStd-Light, Arial, Verdana, Helvetica, sans-serif;
  font-size: 18px;
  color: black;
  margin-right: 24px;
}
/* line 202, source/jobb_new.sass */
#lokusjobbnew .tj_footer .footer_arrow {
  position: absolute;
  top: 10px;
  right: 8px;
  height: 24px;
}