/* ------ FONT_FACE ------ */

@font-face {
    font-family: 'mv_boliregular';
    src: url('../fonts/mvboli-webfont.eot');
    src: url('../fonts/mvboli-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mvboli-webfont.woff') format('woff'),
         url('../fonts/mvboli-webfont.ttf') format('truetype'),
         url('../fonts/mvboli-webfont.svg#mv_boliregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sketchblock';
    src: url('../fonts/sketch_block-webfont.eot');
    src: url('../fonts/sketch_block-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sketch_block-webfont.woff') format('woff'),
         url('../fonts/sketch_block-webfont.ttf') format('truetype'),
         url('../fonts/sketch_block-webfont.svg#sketch_blockbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lucida Grande';
    src: url('../fonts/lucida_grande-webfont.eot');
    src: url('../fonts/lucida_grande-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lucida_grande-webfont.woff') format('woff'),
         url('../fonts/lucida_grande-webfont.ttf') format('truetype'),
         url('../fonts/lucida_grande-webfont.svg#LucidaGrandeRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lucida Grande';
    src: url('../fonts/lucida_grande_bold-webfont.eot');
    src: url('../fonts/lucida_grande_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lucida_grande_bold-webfont.woff') format('woff'),
         url('../fonts/lucida_grande_bold-webfont.ttf') format('truetype'),
         url('../fonts/lucida_grande_bold-webfont.svg#LucidaGrandeBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

/* ------ GENERAL ------ */
body {
  background-image: url('../images/backgroundtexture.png');
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000;
}

h1 {
	font-family: 'sketchblock', arial, helvetica, sans-serif;
	text-transform: uppercase;
  line-height: 1.2;
  margin-top: 0px;
}

h2 {
	font-family: 'sketchblock', arial, helvetica, sans-serif;
	text-transform: uppercase;
  line-height: 1.2;
  margin-top: 0px;
}

h3 {
	font-family: 'sketchblock', arial, helvetica, sans-serif;
	text-transform: uppercase;
  line-height: 1.2;
  margin-top: 0px;
}

h4 {
  margin-top: 0px;
}

p {
  margin-top: 0px;
}

a {
	color: #008DB8;
}

a:hover {
	color: #333;
	text-decoration: underline;
}

#logo {
  padding-left: 0px;
}

#logo a {
  display: block;
	background: url('../images/logo.png') no-repeat;
	width: 240px;
	height: 114px;
}

.border {
  border: 12px solid black;
  border-image-source: url('../images/border-image-small.png');
  border-image-slice: 12;
  padding: 10px 15px;
  line-height: 135%;
  margin-bottom: 20px;
}

ul#menu-hoofdmenu {
  overflow: hidden;
  padding: 0px;
}

ul#menu-hoofdmenu li {
  list-style: none;
}

ul#menu-hoofdmenu li a {
  display: inline-block;
	font-family: 'sketchblock', arial, helvetica, sans-serif;
  text-decoration: none;
  font-size: 19px;
  color: #000;
  padding: 6px 12px 4px 12px;
  margin-left: 5px;
  display: block;
  transition: all 0s;
}

ul#menu-footer {
  overflow: hidden;
  padding: 0px;
  list-style: none;
}

ul#menu-footer li {
  float: left;
  padding: 0px 10px 10px 0px;
}

ul#menu-footer li span {
  display: block;
}


/* ------ Vacaturelijst ------ */
ul.jobs-list {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}

ul.jobs-list .list-item {
  display: block;
  float: none;
  padding-bottom: 20px;
  margin-bottom: 20px;
  background-image: url('../images/divider.png');
  background-repeat: no-repeat;
  background-position: bottom center;
}

ul.jobs-list .list-item h5 {
  display: inline-block;
  font-family: 'sketchblock', arial, helvetica, sans-serif;
  text-decoration: none;
  font-size: 19px;
  margin: 0px 0px 5px 0px;
}

ul.jobs-list .list-item .classifications * {
  text-decoration: none;
}

ul.jobs-list .list-item .classifications .classification {
  color: #000000;
  overflow: hidden;
  display: inline-block;
}

ul.jobs-list .list-item .classifications .classification .class_type {
  font-weight: bold;
}

ul.jobs-list .list-item .classifications .classification .class_type:after {
  content: ": ";
}


ul.jobs-list .list-item .classifications .classification .class_values {
  padding-right: 8px;
}


.hs_applybutton a.hs_apply_button,
a.button {
  background-image: url('../images/button_eraser.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;

  color: #E34159;
  font-family: 'Lucida Grande', helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  text-shadow: 1px 1px 0px #FCCED6;
  margin-right: 10px;
  display: inline-block;
  padding: 7px 10px 11px 10px;
  text-decoration: none;
  margin-bottom: 10px;
}

.hs_applybutton a.hs_apply_button:hover,
a.button:hover {
  background-image: url('../images/button_eraser_over.png');
  background-size: 100% 100%;
  background-color: transparent;

}

/* ------ PAGE SPECIFIC ------ */





/* ------ Home ------ */
.home-header.border {
  padding-top: 0px;
  text-align: center;
}

.home-header.border img {
  max-width: 100%;
  height: auto;
}

.home-header.border p {
  padding: 0px;
  margin: 0px;
}

.home-vacature-lijst ul.jobs-list .list-item h5 {
  font-family: arial, Helvetica, sans-serif;
}

.home-vacature-lijst ul.jobs-list {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}

.home-vacature-lijst ul.jobs-list .list-item {
  padding-bottom: 0px;
  margin-bottom: 0px;
  background-image: none;
}

.home-vacature-lijst ul.jobs-list .list-item h5 {
  display: inline-block;
  text-decoration: none;
  margin: 0px 0px 5px 0px;
  font-weight: normal;
  font-size: 13px;
}

.home-vacature-lijst ul.jobs-list .list-item h5:before{
  content: "› ";
}

/* ------ Vacature detail ------ */
.summary.excerpt {
  padding-bottom: 20px;
  margin-bottom: 20px;
  background-image: url('../images/divider.png');
  background-repeat: no-repeat;
  background-position: bottom center;
}

.classifications {
  padding-bottom: 20px;
  margin-bottom: 20px;
  background-image: url('../images/divider.png');
  background-repeat: no-repeat;
  background-position: bottom center;
}

.classifications .classification {
  overflow: hidden;
}

.classifications .classification .class_type {
  font-weight: bold;
}

.classifications .classification .class_type:after {
  content: ": ";
}

.recruiter {
  line-height: 1.5;
}

.recruiter .recruiter_name {
  font-weight: bold;
  display: block;
}

.recruiter .recruiter_email,
.recruiter .recruiter_phone,
.recruiter .recruiter_mobile {
  display: block;
}

.recruiter .recruiter_email .value,
.recruiter .recruiter_phone .value,
.recruiter .recruiter_mobile .value {
  font-weight: bold;
}


/* ------ Language Choice ------ */
.page-language-choice #nav-container,
.page-language-choice footer .menu {
  display: none;
}

/* --------------- Small devices (landscape phones, 576px and up) (col-sm) --------------- */
@media screen and (min-width: 576px) {

}


/* --------------- Medium devices (tablets, 768px and up) (col-md) --------------- */
@media screen and (min-width: 768px) {


}

/* --------------- Large devices (desktops, 992px and up) (col-lg) --------------- */
@media screen and (min-width: 992px) {
  ul#menu-hoofdmenu li {
    float: left;
  }

  ul#menu-hoofdmenu li a {
    background-image: url('../images/marker_yellow.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;

    background-position: -500px;
  }

  ul#menu-hoofdmenu li a:hover,
  ul#menu-hoofdmenu li.current_page_item a {
    background-position: center;
    transition: all 0.2s ease-in-out;
  }

/* --------------- Extra large devices (large desktops, 1200px and up) (col-xl) --------------- */
@media screen and (min-width: 1200px) {

}