@charset "UTF-8";
.flex-y {
  display: flex;
  flex-direction: column;
}

.flex-x {
  display: flex;
  flex-direction: row;
}

.flex-x-space-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.flex-x.v-center {
  align-items: center;
}

.flex-x.h-center {
  justify-content: center;
}

.flex-x.h-space-between {
  justify-content: space-between;
}

.flex-y.h-space-between {
  align-items: space-between;
}

.flex-y.h-center {
  align-items: center;
}

.flex-y.h-left {
  align-items: flex-start;
}

.flex-y.h-right {
  align-items: flex-end;
}

.flex-y.v-top {
  justify-content: flex-start;
}

.flex-y.v-bottom {
  justify-content: flex-end;
}

.flex-y.v-center {
  justify-content: center;
}

.flex-1 {
  flex: 1;
}

/* HTML5 BOILERPLATE */
body {
  min-width: 1024px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-y: scroll;
}

html, button, input, select, textarea {
  font-family: Verdana, "Helvetica Neue", Helvetica, Arial, Serif;
  color: #666666;
}

body {
  margin: 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}

::-moz-selection {
  background: #c6002a;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #c6002a;
  color: #ffffff;
  text-shadow: none;
}

a {
  color: #00aceb;
  text-decoration: none;
}

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

a:hover, a:active {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 1.5em;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ffff99;
  color: #000000;
  text-decoration: none;
}

mark {
  background: #ffff00;
  color: #000000;
  font-style: italic;
  font-weight: bold;
}

pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul, ol {
  margin: 1em 0;
  padding-left: 1.5em;
}

div.body ol {
  padding-left: 1.7em;
}

dd {
  margin: 0 0 0 1.5em;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

.body p img {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
}

.body p img[align=left] {
  padding-left: 0px;
}

.body p img[align=right] {
  padding-right: 0px;
}

.body p img[align=top] {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}

.body p img[align=bottom] {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

.body p img[align=middle] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
}

button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

button[disabled], input[disabled] {
  cursor: default;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input:invalid, input.invalid, textarea:invalid, textarea.invalid {
  background-color: #f0dddd;
  border-color: #c6002a;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

table caption {
  display: none;
}

/* SCAFFOLDING */
/* Box model */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/* Body, wrapper */
body {
  background-color: #ffffff;
}

.wrapper {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  min-width: 48.3333em;
  /* 580px (Galaxy Tab)  */
  min-width: 62.3333em;
  /* 748px (iPad) */
  max-width: 81.6667em;
  /* 980px */
}

@media (max-width: 1015px) {
  .wrapper {
    margin: 0 10px;
  }

  #service {
    background-color: #ffffff;
  }

  body:not(.not-found-page) #background {
    display: none;
  }
}
/* Masthead */
.masthead {
  position: relative;
  background-color: #ffffff;
  padding: 34px 0 0 20px;
  border-radius: 0.3rem 0.3rem 0 0;
  box-shadow: 0 1px #ffffff inset, 0 40px 20px -20px #e7e7e7 inset;
}

.no-boxshadow .masthead {
  background-image: url(../img/background/masthead.png);
  background-position: left top;
  background-repeat: repeat-x;
}

.masthead nav {
  z-index: 1;
}

/*!* Logo *!
.logo {
  position: absolute;
  top: 17px; !* Align with main-nav *!
  right: 17px; !* Align bottom of the l with right gutter in main *!
  width: 163px;
  height: 0px;
  padding-top: 48px;
  overflow: hidden;
  z-index: 2;
  background: url(../img/sprites/site.png) no-repeat 0 -431px;
}

.logo-international {
  background-position: 0 -368px;
}*/
/* Search */
#search {
  float: left;
  margin: -74px 0 0 53%;
  width: 23%;
  z-index: 999;
  position: relative;
}

#search input {
  width: 100%;
  padding-top: 0.454545em;
  /* 5px */
  padding-bottom: 0.454545em;
  /* 5px */
  padding-left: 2em;
  background: url(../img/sprites/site.png) no-repeat -540px -389px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 829px) {
  #search input {
    width: 95%;
    /* Prevent collision with logo */
  }
}
#search-suggestions {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 200%;
  background-color: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  padding: 0.75em 0.75em 0.75em 1.75em;
  /* 9px 21px, align with input text */
  border-radius: 0.2rem;
  box-shadow: 0 0 3px #cccccc inset;
}

#search-suggestions ul strong {
  display: inline-block;
  margin-bottom: 0.5em;
}

#search-suggestions ul ul {
  padding-bottom: 0.75em;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 0.75em;
}

#search-suggestions ul ul li {
  float: left;
  width: 50%;
}

#search-suggestions-close {
  font-size: 11px;
  font-size: 1.1rem;
  float: right;
  padding: 0.25em 0.75em;
}

/* Main */
#main {
  background-color: #ffffff;
  padding-top: 20px;
  min-height: 200px;
}

/* Top menu (pop-out) */
.group .header {
  font-size: 0.8em;
}

/* Breadcrumb */
#breadcrumb {
  /* background: #222 url(../img/background/pattern.png); */
  background-color: #c6002a;
  padding-top: 0.5em;
  /* 6px */
  padding-bottom: 0.5em;
}

/* Footer */
#footer {
  background-color: #eeeeee;
  text-shadow: 1px 1px #ffffff;
}

#footer .container_12 {
  padding: 0;
}

#footer-menu {
  padding: 0;
}

/* Service footer */
#service {
  padding: 1em 0;
}

/* Top background */
#background {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 20.8333em;
  /* 250px */
  background: #222222 url(../img/background/pattern.png);
  border-bottom: 1px solid #ffffff;
  box-shadow: 0 0 2em #cccccc;
  z-index: -1;
}

/* Pull */
.pull-left {
  float: left;
  margin-right: 1.5em;
}

.pull-right {
  float: right;
  margin-left: 1.5em;
}

/*  Reveal modal */
.reveal-modal {
  position: absolute;
  top: 100px;
  left: 50%;
  width: 40em;
  margin-left: -20em;
  z-index: 101;
  padding: 2em 1.5em 1.5em;
  border-radius: 0.2rem;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
  visibility: hidden;
}

/* Sizes */
.reveal-modal.small {
  width: 18em;
  margin-left: -9em;
}

.reveal-modal.medium {
  width: 32em;
  margin-left: -16em;
}

.reveal-modal.large {
  width: 50em;
  margin-left: -25em;
}

.reveal-modal.xlarge {
  width: 64em;
  margin-left: -32em;
}

/* Close */
.reveal-modal .close-reveal-modal {
  position: absolute;
  top: -1.08333em;
  right: 0;
  cursor: pointer;
}

/* Hide site */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.8);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
}

/* Spacing */
.spacer-left {
  margin-left: 1.5em;
}

.spacer-left-small {
  margin-left: 0.75em;
}

.spacer-top {
  margin-top: 1.5em;
}

.spacer-top-small {
  margin-bottom: 0.75em;
}

.spacer-bottom {
  margin-bottom: 1.5em;
}

/* GRID */
/* Containers */
.container_12 {
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
}

.container_6 {
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
}

/* Cells */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
  display: inline;
  float: left;
  padding: 0 10px;
  min-height: 0px;
}

.grid_1 {
  width: 8.33333%;
}

.grid_2 {
  width: 16.6667%;
}

.grid_3 {
  width: 25%;
}

.grid_4 {
  width: 33.3333%;
}

.grid_5 {
  width: 41.6667%;
}

.grid_6 {
  width: 50%;
}

.grid_7 {
  width: 58.3333%;
}

.grid_8 {
  width: 66.6667%;
}

.grid_8.grid-header, .grid_9.grid-header, .grid_12.grid-header {
  padding: 0px;
}

.grid_9 {
  width: 75%;
}

.grid_10 {
  width: 83.3333%;
}

.grid_11 {
  width: 91.6667%;
}

.grid_12 {
  width: 100%;
}

/* Cells with a different parent */
.container_6 .grid_3 {
  width: 50%;
}

/* Nested grids */
.grid_6 .grid_6 {
  width: 100%;
}

.grid_3 .grid_3 {
  width: 100%;
}

.grid_6 .grid_3 {
  width: 50%;
}

/* is meant for the draggable widgets on the right-side of a service page. */
.grid_4 .hst-container .hst-container-item [class^=grid_] {
  width: 100%;
}

/* Nested containers */
.container_12 .container_12 {
  padding-left: 0;
  padding-right: 0;
  margin-left: -10px;
  margin-right: -10px;
}

/* When box sizing isn't supported */
.no-boxsizing .container_12, .no-boxsizing .grid_1, .no-boxsizing .grid_2, .no-boxsizing .grid_3, .no-boxsizing .grid_4, .no-boxsizing .grid_5, .no-boxsizing .grid_6, .no-boxsizing .grid_7, .no-boxsizing .grid_8, .no-boxsizing .grid_9, .no-boxsizing .grid_10, .no-boxsizing .grid_11, .no-boxsizing .grid_12 {
  padding-left: 1%;
  padding-right: 1%;
}

/* Subtract 2.2% to be sure */
.no-boxsizing .grid_1 {
  width: 6.13333%;
}

.no-boxsizing .grid_2 {
  width: 14.4667%;
}

.no-boxsizing .grid_3 {
  width: 22.8%;
}

.no-boxsizing .grid_4 {
  width: 31.1333%;
}

.no-boxsizing .grid_5 {
  width: 39.4667%;
}

.no-boxsizing .grid_6 {
  width: 47.8%;
}

.no-boxsizing .grid_7 {
  width: 56.1333%;
}

.no-boxsizing .grid_8 {
  width: 64.4667%;
}

.no-boxsizing .grid_9 {
  width: 72.8%;
}

.no-boxsizing .grid_10 {
  width: 81.1333%;
}

.no-boxsizing .grid_11 {
  width: 89.4667%;
}

.no-boxsizing .grid_12 {
  width: 97.8%;
}

/* STYLES */
/* Highlight (light gray) */
.style-highlight {
  background-color: #eeeeee;
  border-radius: 0 0.2rem 0.2rem 0;
  padding: 1em;
  /* 12px */
}

.style-dark .style-highlight, .style-dark .style-highlight h2 {
  color: #333333;
}

.style-dark .style-highlight .body a, .style-dark .style-highlight .arrowed a {
  color: #00aceb;
}

.style-dark .style-highlight .arrowed a:before {
  color: #333333;
}

/* Left border */
.box.style-highlight, .box-blogs-teaser {
  border-width: 0 0 0 3px;
  border-style: solid;
  border-color: #9a9a9a;
}

[class^=grid_]:nth-child(odd) .box.style-highlight, [class^=grid_]:nth-child(odd) .box-blogs-teaser {
  border-color: #2f2d28;
}

/* Elements that overlap the box padding */
.style-highlight .full-width {
  margin-left: -1em;
  margin-right: -1em;
}

/* Dark (black) */
.style-dark {
  background: #222222 url(../img/background/pattern.png);
}

.style-dark, .style-dark h1, .style-dark h2, .style-dark h3 {
  color: #ffffff;
  text-shadow: none;
}

.style-dark .body a, .style-dark .arrowed a, .style-dark .arrowed a:before {
  color: #ffffff;
}

/* Primary (red) */
.style-primary {
  background-color: #c6002a;
  border-radius: 0 0.2rem 0.2rem 0;
  padding: 1em;
  /* 12px */
}

.style-primary, .style-primary h1, .style-primary h2 {
  color: #ffffff;
  text-shadow: none;
}

.style-primary a {
  color: #ffffff;
}

.style-primary ::-moz-selection {
  background: #333333;
}

.style-primary ::selection {
  background: #333333;
}

/* If entire container, connect to page tools */
.container_12.style-primary {
  margin-bottom: 2em;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0 0 0.2rem 0.2rem;
}

/* Secondary (blue) */
.style-secondary {
  background: #3186a3;
  background: -moz-linear-gradient(top, #3fc1f1 0%, #3186a3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3fc1f1), color-stop(100%, #3186a3));
  background: -webkit-linear-gradient(top, #3fc1f1 0%, #3186a3 100%);
  background: -o-linear-gradient(top, #3fc1f1 0%, #3186a3 100%);
  background: -ms-linear-gradient(top, #3fc1f1 0%, #3186a3 100%);
  background: linear-gradient(to bottom, #3fc1f1 0%, #3186a3 100%);
  color: #ffffff;
}

a.style-secondary:hover {
  background: #15576e;
  background: -moz-linear-gradient(top, #3186a3 0%, #15576e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3186a3), color-stop(100%, #15576e));
  background: -webkit-linear-gradient(top, #3186a3 0%, #15576e 100%);
  background: -o-linear-gradient(top, #3186a3 0%, #15576e 100%);
  background: -ms-linear-gradient(top, #3186a3 0%, #15576e 100%);
  background: linear-gradient(to bottom, #3186a3 0%, #15576e 100%);
}

.style-secondary, .style-secondary h1, .style-secondary h2 {
  color: #ffffff;
  text-shadow: none;
}

.style-secondary a {
  color: #ffffff;
}

/* TYPOGRAPHY */
/* Use these font names for Frutiger
    Normal: FrutigerLTW05-55Roman
    Bold:   "FrutigerLTW05-65Bold"
    Black:  FrutigerLTW01-75Black
*/
/* Headings*/
h1, .h1, h2, .h2, h3, .h3, h4, h5, .h5, h6 {
  text-shadow: 1px 1px rgba(255, 255, 255, 0.8);
  margin: 0 0 0.25em;
}

.h1, .h2, .h3 {
  display: block;
}

h1, .h1 {
  /* font-size: 28px; */
  /* font-size: 2.8rem; */
  line-height: 1.07143;
  /* 30px */
}

h1.large {
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1;
}

h2, .h2 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.16667;
  /* 28px */
}

h2.large {
  font-size: 26px;
  font-size: 2.6rem;
}

h2.subtitle {
  font-family: Verdana, "Helvetica Neue", Helvetica, Arial, Serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #c6002a;
}

hgroup h2.subtitle {
  margin-top: -0.333333em;
}

/* Time in heading */
h2.subtitle time {
  line-height: 30px;
  font-size: 1.4rem;
  color: #666666;
}

h2.align-with-h1 {
  padding-top: 0.333333em;
  /* 8px */
}

h3, .h3 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.22222;
  /* 22px */
  margin: 0 0 0.5em;
  display: block;
}

h4 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.222222;
  /* 22px */
}

h4 a, h4 a:hover {
  color: inherit;
  /* TODO check */
}

h5, .h5 {
  font-size: 12px;
  font-size: 1.2rem;
  /* color: #c6002a; */
}

h6 {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.4;
  /* color: #c6002a; */
  text-transform: uppercase;
  margin: 0 0 0.5em;
  /* 5px */
}

/* 
p:last-child {
    margin-bottom: 0;
} */
/* Articles, events */
.hentry, vevent {
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.entry-content {
  font-size: 14px;
  font-size: 1.4rem;
}

.entry-content, .entry-content section {
  margin-bottom: 1.71429em;
  /* 24px */
}

.entry-content figure {
  margin: 1em 0;
}

.entry-content figure.program-image {
  margin-top: 0px;
  margin-bottom: 1em;
}

.entry-content h2, .entry-content h3 {
  margin-top: 1.5em;
}

.hentry hgroup {
  margin-bottom: 2em;
}

hgroup.no-bottom-margin {
  margin-bottom: 0px;
}

.hentry footer {
  padding: 0.75em 0 1.66667em;
}

.vevent footer {
  padding: 0 0 0.75em;
  color: #666666;
  font-size: 14px;
}

/* Links */
/* Read more */
.read-more {
  display: inline-block;
}

.lt-ie8 .read-more {
  display: inline;
  zoom: 1;
}

/* In headings */
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, h5 a, h6 a, h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #333333;
}

/* Lists */
/* Layout */
.box ul:first-child, .box ol:first-child {
  margin-top: 0;
}

.box ul:last-child, .box ol:last-child {
  margin-bottom: 0;
}

/* Arrowed list or item - omg refactor this */
ul.arrowed {
  padding-left: 0;
}

a.arrowed {
  display: inline-block;
}

.lt-ie8 a.arrowed {
  display: inline;
  zoom: 1;
}

i.arrowed {
  font-style: normal;
}

.arrowed, .arrowed li a {
  position: relative;
}

.arrowed {
  padding-left: 1em;
}

.arrowed li.parent-item a {
  padding-left: 0;
}

.arrowed li {
  list-style: none;
}

.arrowed:before, .arrowed li a:before {
  position: absolute;
  left: 0;
  top: calc(50% - 7px);
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(-45deg);
  border: 1px solid #c6002a;
  border-width: 0 2px 2px 0;
  border-radius: 1px;
}

.arrowed li.parent-item a:before {
  content: "";
  position: absolute;
  left: 0;
}

.arrowed a:before, a.arrowed:before {
  color: #999;
}

.style-dark .arrowed a:before, .style-dark a.arrowed:before {
  color: #ffffff;
}

.arrowed li a:before {
  left: 0.333333em;
}

ul.arrowed:before {
  content: "";
}

/* Spacer */
.arrowed .spacer:before {
  content: "";
}

.arrowed .description {
  padding-left: 1.25em;
  display: block;
}

/* Fallback */
.no-generatedcontent ul.arrowed, .no-generatedcontent .arrowed li {
  list-style: disc outside;
}

.no-generatedcontent li.spacer {
  list-style: none;
}

.no-generatedcontent .arrowed li {
  margin-left: 1.5em;
}

.no-generatedcontent .arrowed li a, .no-generatedcontent .arrowed li b {
  padding-left: 0.25em;
}

/* Arrow for all editorial lists */
.entry-content ul, .box-editorial ul {
  list-style: none;
  padding-left: 0;
  position: relative;
}

.campaign {
  font-size: 1.4rem;
}

.entry-content ul li, .box-editorial ul li {
  padding-left: 1.5em;
}

.entry-content ul.arrowed li, .box-editorial ul.arrowed li {
  padding-left: 0;
}

.entry-content ul li:before, .box-editorial ul li:before {
  content: "\002022";
  position: absolute;
  left: 0.25em;
}

.entry-content ul.arrowed li:before, .box-editorial ul.arrowed li:before {
  content: "";
}

/* Nested */
.entry-content ul ul, .box-editorial ul ul {
  list-style: circle;
  padding-left: 1.25em;
}

.entry-content ul ul li, .box-editorial ul ul li {
  padding-left: 0.25em;
}

.entry-content ul ul li:before, .box-editorial ul ul li:before {
  content: "";
}

/* Editorial with a text-area */
.box-editorial textarea {
  width: 100%;
}

/* Unstyled list */
.unstyled {
  margin: 0;
  padding: 0;
}

.unstyled li {
  list-style: none;
}

/* Horizontal list */
.list-horizontal li {
  display: inline;
  margin-right: 3em;
}

div .vcard.location .body {
  min-height: 200px;
}

.vcard .list-horizontal li {
  margin-right: 0;
}

/* Tables */
table {
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 1.5em 0;
  border-width: 1px 0 0;
}

h3 + table {
  margin-top: 0.5em;
}

table, th, td {
  border-style: solid;
  border-color: #eeeeee;
}

table thead tr th {
  white-space: nowrap;
}

th {
  font-weight: bold;
  text-align: left;
}

th, td {
  padding: 0.5em;
  border-width: 0 0 1px;
}

/* Others */
hr {
  border-top-color: #eeeeee;
}

/* MEDIA */
img, object, embed, iframe {
  max-width: 100%;
}

figure img {
  border-radius: 0.2rem;
}

/* BUTTONS */
/* Default button */
.button {
  position: relative;
  display: inline-block;
  line-height: 1.45455;
  /* 16px */
}

.lt-ie8 .button {
  display: inline;
  zoom: 1;
}

.button, input[type=submit] {
  padding: 0.272727em 1em 0.454545em;
  /* 3px 11px 5px */
  background: #c6002a;
  background: -moz-linear-gradient(top, #c6002a 0%, #b20532 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c6002a), color-stop(100%, #b20532));
  background: -webkit-linear-gradient(top, #c6002a 0%, #b20532 100%);
  background: -o-linear-gradient(top, #c6002a 0%, #b20532 100%);
  background: -ms-linear-gradient(top, #c6002a 0%, #b20532 100%);
  background: linear-gradient(to bottom, #c6002a 0%, #b20532 100%);
  border-radius: 0.2rem;
  box-shadow: none;
  font-size: 11px;
  font-size: 1.1rem;
}

input[type=submit] {
  border: none;
}

a.button, .button:hover, input[type=submit], input[type=submit]:hover {
  color: #ffffff;
}

.button:hover, input[type=submit]:hover {
  background: #b20532;
  background: -moz-linear-gradient(top, #b20532 0%, #6e0019 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b20532), color-stop(100%, #6e0019));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #b20532 0%, #6e0019 100%);
  background: -o-linear-gradient(top, #b20532 0%, #6e0019 100%);
  background: -ms-linear-gradient(top, #b20532 0%, #6e0019 100%);
  background: linear-gradient(to bottom, #b20532 0%, #6e0019 100%);
  text-decoration: none;
}

.btn.button-more,
.btn.button-less {
  padding-right: 2.8rem;
}

.btn.button-more,
.btn.button-less,
.btn.button-more:before,
.btn.button-less:before {
  transition: all 0.2s ease-in-out;
}

.btn.button-more:before {
  margin-top: -3px;
  transform: rotate(45deg);
}

.btn.button-less:before {
  margin-top: 3px;
  transform: rotate(-135deg);
}

/* Previous, next */
.button-previous {
  padding-left: 1.45455em;
}

.button-previous:before {
  position: absolute;
  left: 0.666667em;
  content: "\002039";
}

.button-next {
  padding-right: 1.45455em;
}

.button-next:before {
  position: absolute;
  right: 0.666667em;
  content: "\00203A";
}

/* Full width */
.button-full-width {
  display: block;
  text-align: center;
  padding-left: 1em;
}

.button-full-width:before {
  content: "";
}

/* Extra span for centered text and arrow */
.button-full-width span {
  position: relative;
}

.button-full-width span:before {
  position: absolute;
}

.button-previous.button-full-width span {
  padding-left: 1em;
}

.button-previous.button-full-width span:before {
  left: 0;
  content: "\002039";
}

.button-next.button-full-width span {
  padding-right: 1em;
}

.button-next.button-full-width span:before {
  right: 0;
  content: "\00203A";
}

/* Large button */
.large-button {
  display: block;
  border-radius: 0.2rem;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  padding: 1em 1em 0.75em;
}

.large-button, .large-button:hover {
  color: #ffffff !important;
  /* TODO get rid of important */
}

.large-button:hover {
  text-decoration: none;
}

.large-button strong {
  display: block;
  font-family: FrutigerLTW05-55Roman, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: normal;
  letter-spacing: -0.03em;
  margin-top: 0.25em;
  padding-left: 0.5em;
}

/* Button with left border */
.bordered-button {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.25;
  /* 15px */
  margin: 0 0.75em 0.75em 0;
  /* 9px */
  padding: 0.25em 0.75em;
  /* 3px 9px */
  border-width: 0 0 0 3px;
  border-style: solid;
  border-color: #9a9a9a;
  background-color: #cccccc;
  color: #464646;
}

.lt-ie8 .bordered-button {
  display: inline;
  zoom: 1;
}

/* State */
a.bordered-button:hover {
  border-color: #c6002a;
  background-color: #bbbbbb;
  /* TODO correct color */
  color: #191813;
  text-decoration: none;
}

.bordered-button.active {
  border-color: #c6002a;
}

/* On dark background */
.style-dark .bordered-button {
  border-color: #9a9a9a;
  background-color: #666666;
  color: #ffffff;
}

.style-dark a.bordered-button:hover {
  background-color: #999999;
  border-color: #c6002a;
}

.style-dark .bordered-button.active {
  border-color: #c6002a;
  background-color: #cccccc;
  color: #191813;
}

/* Display options */
.display-options, .display-options a {
  color: #ffffff;
}

.display-options span {
  display: inline-block;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.45455;
  /* 16px */
}

.lt-ie8 .display-options span {
  display: inline;
  zoom: 1;
}

.display-options .icon {
  width: 20px;
  background-image: url(../img/sprites/site.png);
  background-repeat: no-repeat;
  border-radius: 0.1rem;
  margin: 0 0 -1px 3px;
  padding: 18px 3px 0;
}

/* Page tools */
.page-tools-row {
  background: #c6002a;
  background: -moz-linear-gradient(top, #b20532 0%, #c6002a 90%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b20532), color-stop(90%, #c6002a));
  background: -webkit-linear-gradient(top, #b20532 0%, #c6002a 90%);
  background: -o-linear-gradient(top, #b20532 0%, #c6002a 90%);
  background: -ms-linear-gradient(top, #b20532 0%, #c6002a 90%);
  background: linear-gradient(to bottom, #b20532 0%, #c6002a 90%);
  padding: 0.5em;
}

.page-tools {
  float: right;
}

.page-tools a {
  display: inline-block;
  padding: 0.166667em 0.5em;
  margin-left: 0.25em;
  /* inline-block does the rest */
  border-radius: 0.2rem;
}

.lt-ie8 .page-tools a {
  display: inline;
  zoom: 1;
}

.page-tools a:first-child {
  margin-left: 0;
}

.page-tools a .icon {
  margin-right: 0.5em;
}

/* On gradient */
.page-tools a, .display-options .icon {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

.no-rgba .page-tools a, .no-rgba .display-options .icon {
  background-color: #c33a63;
}

.page-tools a:hover, .display-options a.icon:hover {
  background-color: rgba(255, 255, 255, 0.4);
  text-decoration: none;
}

.no-rgba .page-tools a:hover, .no-rgba .display-options a.icon:hover {
  background-color: #910c33;
}

/* NAVIGATION */
/* Pattern */
.nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav > li {
  float: left;
}

.nav a {
  display: block;
}

/* Portal navigation */
.nav-portal {
  margin: 0.5em 0;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.6;
  /* 16px */
  font-weight: bold;
}

.nav-portal, .nav-portal a {
  color: #cccccc;
}

.nav-portal li {
  margin: 0 20px;
}

.nav-portal a {
  display: block;
}

.nav-portal a:hover {
  color: #ffffff;
}

/* Main navigation */
/* Level 1 */
.nav-main {
  position: relative;
  float: left;
  width: 100%;
  height: 69px;
  /* 20 + 10 + 40, er, -1 */
  z-index: 1;
}

/* Link state (all levels) */
.nav-main a {
  color: #333333;
  border-radius: 0.2rem;
}

.nav-main a:hover {
  text-decoration: none;
}

.nav-main a:hover, .nav-main .active > a {
  background-color: #666666;
  color: #ffffff;
  text-shadow: 1px 1px #333333;
}

/* Item */
.nav-main > li {
  line-height: 1.33333;
  /* 16px */
  margin-right: 0.25em;
}

.nav-main > li > a {
  position: relative;
  padding: 0 0.75em 0.166667em;
  /* 0 9px 2px */
  color: #757472;
}

/* Arrow */
.nav-main > li.active > a:before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-style: solid;
  border-color: #666666 transparent transparent;
  z-index: 2;
}

/* Level 2 & 3 */
.nav-main ul {
  display: none;
  position: absolute;
}

/* Level 2 */
.nav-main > li > ul {
  width: 100%;
  top: 28px;
  left: -20px;
  /* For gradient, equal to masthead padding */
  padding: 0 0 0 20px;
  background: url(../img/background/nav-main-level2.png) left top no-repeat;
  font-family: FrutigerLTW05-55Roman, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
}

@media (max-width: 949px) {
  .nav-main > li > ul {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
@media (max-width: 899px) {
  .nav-main > li > ul > li {
    padding-right: 1px;
  }
}
@media (max-width: 849px) {
  .nav-main > li > ul > li a {
    padding-left: 0.352941em;
    /* 6px */
    padding-right: 0.352941em;
  }
}
/* Display active menu only */
.nav-main > .active > ul {
  display: block;
}

/* Uncomment to display first submenu
    .nav-main ul li:first-child div {
        display: block;
    } */
/* Item */
.nav-main ul li {
  padding: 0.444444em 0.555556em 0.388889em 0;
  /* 8px 10px 7px - prevent mouseover gap */
}

.nav-main ul li:last-child {
  padding-right: 0;
}

.nav-main ul > li > a {
  position: relative;
  padding: 0.222222em 0.611111em;
  /* 4px 11px */
  text-shadow: 1px 1px #ffffff;
  letter-spacing: -0.025em;
}

.nav-main ul > .active > a {
  background-color: #181910;
  text-shadow: none;
}

/* Arrow, two of them stacked */
.nav-main > .active > ul > .has-nav:hover > a:before, .nav-main > .active > ul > .has-nav:hover > a:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -7px;
  border-width: 0 7px 7px;
  border-style: solid;
  border-color: transparent;
}

.nav-main > .active > ul > .has-nav:hover > a:before {
  bottom: -8px;
  border-bottom-color: #888888;
  z-index: 48;
}

.nav-main > .active > ul > .has-nav:hover > a:after {
  bottom: -9px;
  border-bottom-color: #ffffff;
  z-index: 49;
}

/* Smaller font for smaller screens */
@media (max-width: 829px) {
  .nav-main ul {
    padding-right: 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.22222;
    /* 22px */
  }
}
/* Level 3 - TODO fix z-index in IE7 */
.nav-main ul div {
  display: none;
  position: absolute;
  top: 41px;
  background: #ffffff;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.3);
  border: 1px solid #aaaaaa;
  border-left-width: 3px;
  border-left-color: #ff004b;
  border-radius: 0 0.3rem 0.3rem 0;
  z-index: 47;
}

.nav-main ul ul {
  display: block;
  position: static;
  float: left;
  font-family: Verdana, "Helvetica Neue", Helvetica, Arial, Serif;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.28571;
  /* 17px */
}

/* Display on hover only */
.nav-main ul li:hover div {
  display: block;
}

.nav-main ul ul li {
  width: 14em;
  min-height: 2.35714em;
  /* for empty items; 33 �� 14 */
  margin: 0;
  padding: 0 0 0 1em;
  border-bottom: 1px solid #eeeeee;
}

.nav-main ul ul a {
  position: relative;
  padding: 0.428571em 1em;
  /* 6px 14px */
  color: #666666;
  border-radius: 0;
  /* Override */
}

.nav-main ul ul a:hover,
.nav-main ul ul .active > a {
  text-shadow: none;
  /* Override */
}

.nav-main ul ul li:last-child a {
  border-bottom: 0;
}

.nav-main ul ul a:before {
  position: absolute;
  left: 0.25em;
  content: "\00203A";
}

.nav-main ul ul a:hover {
  background: transparent none;
  color: #333333;
  text-decoration: underline;
}

.nav-main ul ul a:hover:before {
  text-decoration: none !important;
}

/* Tree navigation */
.nav-tree {
  line-height: 1.33333;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.nav-tree,
.nav-tree ul,
.nav-tree li {
  border: 0px solid #eeeeee;
}

.nav-tree li.parent-item a {
  color: #c6002a;
  font-weight: bold;
}

.nav-tree {
  border-bottom-width: 1px;
}

/* Override .nav */
.nav-tree > li {
  float: none;
  position: relative;
}

/* Item */
.nav-tree li {
  padding-top: 0.083333em;
  padding-bottom: 0.083333em;
  border-top-width: 1px;
}

.nav-tree .spacer-bottom {
  margin-bottom: 2.16667em;
  border-bottom-width: 1px;
}

/* Link */
.nav-tree a {
  display: block;
  padding: 0.25em 0;
}

.nav-tree a {
  color: #666666;
}

.nav-tree a:hover {
  text-decoration: none;
}

.nav-tree a:hover,
.nav-tree a.active,
.nav-tree b {
  background-color: #eeeeee;
}

.nav-tree li b a {
  background-color: #eeeeee;
}

.nav-tree a.active {
  font-weight: bold;
}

/* adjust margin of a link when it has a toggle arrow on its right side */
span.toggle + a {
  margin-right: 23px;
}

/* Level 2 */
.nav-tree ul {
  margin: 0.416667em 0 -0.416667em;
  margin-left: 1em;
}

.nav-tree ul li {
  border-top-width: 1px;
  border-bottom-width: 0;
}

/* Vertical hierarchy instead of horizontal */
.nav-tree.vertical-hierarchy ul {
  padding-top: 2.166667em;
  border-top-width: 1px;
  margin-left: -1em;
}

/* Open sublevel */
.nav-tree .open {
  border-bottom: none;
}

.nav-tree .open a.active {
  margin-bottom: 1px;
}

.nav-tree .open .toggle {
  background-position: -546px -449px;
}

/* With headings */
.nav-tree.with-headings {
  border-bottom-width: 0;
}

.nav-tree.with-headings > li {
  padding: 0;
  border-top-width: 0;
  border-bottom-width: 1px;
  margin-bottom: 2.166667em;
}

.nav-tree.with-headings h5 {
  text-transform: uppercase;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

/* Spacer :( */
.nav-tree .spacer {
  height: 2.16667em;
  /* 26px */
}

/* Breadcrumb */
/* Override .nav */
.nav-breadcrumb > li {
  float: none;
}

.nav-breadcrumb a {
  display: inline;
}

/* Breadcrumb */
.nav.nav-breadcrumb {
  margin: 0 10px;
}

.nav-breadcrumb,
.nav-breadcrumb a {
  color: #ffffff;
}

.nav-breadcrumb .separator {
  margin: 0 0.25em;
}

/* Footer navigation */
.nav-footer {
  border-left: 1px solid #cccccc;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.36364;
  /* 15px */
}

.nav-footer, .nav-footer a {
  color: #888888;
}

.nav-footer a:hover {
  color: #666666;
}

.nav-footer > li {
  border-right: 1px solid #cccccc;
}

.nav-footer a {
  display: inline-block;
  padding: 0.2em 0;
}

.lt-ie8 .nav-footer a {
  display: inline;
  zoom: 1;
}

.nav-footer div {
  padding: 1.5em 0;
}

.nav-footer h4, .nav-footer .h4 {
  font-family: Verdana, "Helvetica Neue", Helvetica, Arial, Serif;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: normal;
  margin: 0 0 0.5em;
  display: block;
}

.nav-footer h4 a,
.nav-footer h4 a:hover,
.nav-footer .h4 a,
.nav-footer .h4 a:hover {
  color: #2f2d28;
}

@media (max-width: 899px) {
  /* Three columns, override equalized height */
  .nav-footer {
    padding: 1em 0 0;
    border-left: none;
  }

  .nav-footer > li {
    display: block;
    width: auto;
    height: auto !important;
    padding: 0;
    border-right: none;
  }

  .nav-footer > li:last-child {
    border-bottom: none;
  }

  .nav-footer h4,
.nav-footer ul,
.nav-footer ul li {
    display: inline;
  }

  .nav-footer h4 {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.36364;
    /* 15px */
    margin-right: 0.5em;
  }

  .nav-footer h4 a:after {
    content: ":";
  }

  .nav-footer div {
    padding: 0 0 1em;
  }

  .nav-footer a {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}
/* Service navigation */
.nav-service {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.36364;
  /* 15px */
}

.nav-service li {
  margin-right: 1.66667em;
}

/* Social navigation */
.nav-social {
  margin-bottom: 10px;
}

#service .nav-social {
  float: right;
}

.nav-social .icon {
  margin-right: 0;
  margin-left: 0.5em;
}

.nav-social li:first-child .icon {
  margin-left: 0;
}

/* Pagination */
.nav-pagination {
  float: right;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.45455;
}

.nav-pagination b {
  display: block;
}

.nav-pagination .page {
  padding: 0.454545em 0.727273em;
  /* 5px 8px */
  font-weight: bold;
}

.nav-pagination li:first-child .button {
  margin-right: 0.454545em;
}

.nav-pagination li:last-child .button {
  margin-left: 0.454545em;
}

/* Tabs */
.nav-tabs {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 2em;
}

.nav-tabs > li {
  float: left;
  margin: 0 0 -1px 0.75em;
}

.nav-tabs > li > a {
  background: #eeeeee;
  background: -moz-linear-gradient(top, #eeeeee 25%, #cccccc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #eeeeee), color-stop(100%, #cccccc));
  background: -webkit-linear-gradient(top, #eeeeee 25%, #cccccc 100%);
  background: -o-linear-gradient(top, #eeeeee 25%, #cccccc 100%);
  background: -ms-linear-gradient(top, #eeeeee 25%, #cccccc 100%);
  background: linear-gradient(to bottom, #eeeeee 25%, #cccccc 100%);
  border: 1px solid #cccccc;
  border-radius: 0.16667em 0.16667em 0 0;
  color: #666666;
  padding: 0.333333em 1em;
}

.nav-tabs > li > a:hover,
.nav-tabs > .active > a {
  background: #ffffff;
  background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 75%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(75%, #ffffff));
  background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 75%);
  background: -o-linear-gradient(top, #eeeeee 0%, #ffffff 75%);
  background: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 75%);
  background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 75%);
  border-bottom-color: #ffffff;
}

.nav-tabs > li > a:hover {
  text-decoration: none;
}

/* Accordion */
/* Toggler */
.accordion .toggle {
  position: absolute;
  right: 5px;
  top: 5px;
  display: block;
  width: 13px;
  height: 0;
  padding-top: 13px;
  overflow: hidden;
  cursor: pointer;
  background-image: url("../img/sprites/site.png");
  background-repeat: no-repeat;
  background-position: -546px -467px;
}

.accordion .link-toggle {
  cursor: pointer;
}

.accordion ul {
  margin-top: 1px;
}

/* In content area */
.accordion-page {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.42857;
  /* 20px */
  padding-top: 0.214286em;
  /* 3px */
  padding-bottom: 0.214286em;
  /* 3px */
}

.accordion-page .toggle {
  top: 9px;
  right: 9px;
}

.accordion-page .open, .accordion-page a {
  background-color: #ffffff !important;
}

.accordion-page ul a {
  color: #00aceb;
  font-size: 1.2rem;
}

.accordion-page a:hover {
  text-decoration: underline;
}

/* ICONS */
/* Pattern */
.icon {
  display: inline-block;
  margin-right: 0.25em;
  height: 0;
  overflow: hidden;
  background-image: url(../img/sprites/site.png);
  background-repeat: no-repeat;
  vertical-align: text-top;
}

.lt-ie8 .icon {
  display: inline;
  zoom: 1;
}

.icon-16 {
  width: 16px;
  padding-top: 16px;
}

/* Portal navigation */
.nav-portal .icon-globe {
  background-position: 0 -481px;
}

.nav-portal .icon-netherlands {
  background-position: -16px -481px;
}

/* Social media */
.icon-twitter {
  background-position: -173px -431px;
}

.icon-facebook {
  background-position: -194px -431px;
}

.icon-linkedin {
  background-position: -215px -431px;
}

.icon-youtube {
  background-position: -236px -431px;
}

.icon-flickr {
  background-position: -257px -431px;
}

.icon-instagram {
  background-image: url(../img/instagram-16x16.png);
}

/* Checkmarks */
.icon-checkmark-active {
  background-position: -278px -431px;
}

.icon-checkmark {
  background-position: -299px -431px;
}

/* Page tools */
.icon-share {
  background-position: -320px -431px;
}

.icon-print {
  background-position: -341px -431px;
}

/* Display options - afwijkend */
.icon-extensive {
  background-position: -360px -430px;
}

.icon-compact {
  background-position: -381px -430px;
}

/* BOXES */
/* Pattern */
.box {
  position: relative;
  overflow: hidden;
  margin-bottom: 2em;
}

.box-service-page {
  position: relative;
  margin-bottom: 2em;
}

.wrapper > div#slides {
  margin-top: 2em;
}

/* [A] Carousel */
.box-carousel {
  background-color: #ffffff;
  overflow: hidden;
  margin-bottom: 10px;
  grid-area: header;
}

/* Large carousel on the home page */
.box-carousel.large {
  min-height: 300px;
}

.box-carousel.medium {
  min-height: 240px;
}

.box-carousel.small {
  min-height: 170px;
}

/* Slide */
.box-carousel .slides_container {
  /* fix menu popping under the top gradient overlay */
  position: relative;
  z-index: 0;
}

.box-carousel.large .slides_container.multiple {
  min-height: 300px;
}

.box-carousel.medium .slides_container.multiple {
  min-height: 240px;
}

.box-carousel.small .slides_container.multiple {
  min-height: 170px;
}

/* Slide */
.box-carousel.large .slides_container {
  /* fix menu popping under the top gradient overlay */
  position: relative;
  z-index: 0;
}

.box-carousel .slide {
  position: relative;
}

.box-carousel .slide figure img {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Quote */
.box-carousel .quote {
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  border-left: 3px solid #c6002a;
  padding: 10px 15px 15px;
  z-index: 39;
}

.no-rgba .box-carrousel .quote {
  background-color: #000000;
}

/* Width */
.box-carousel .quote.one-col {
  width: 23%;
}

.box-carousel .quote.two-col {
  width: 48%;
}

/* Position */
.box-carousel .quote.pos-col-2 {
  left: 25%;
  margin-left: 5px;
}

.box-carousel .quote.pos-col-3 {
  left: 50%;
  margin-left: 10px;
}

.box-carousel .quote.pos-col-4 {
  left: 75%;
  margin-left: 5px;
}

/* Typography */
.box-carousel .quote,
.box-carousel .quote h1,
.box-carousel .quote h3,
.box-carousel .quote .h3,
.box-carousel .quote p {
  color: #ffffff;
}

.box-carousel .quote h1,
.box-carousel .quote h3,
.box-carousel .quote .h3,
.box-carousel .quote p {
  text-shadow: 1px 1px 1px #000000;
}

.box-carousel .quote h1 {
  font-family: FrutigerLTW01-75Black, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* font-size: 48px; */
  /* font-size: 4.8rem; */
  line-height: 1;
}

.box-carousel .quote h1 i {
  font-style: normal;
  display: block;
  font-size: 28px;
}

.box-carousel .quote h3, .box-carousel .quote .h3 {
  line-height: 1.3;
  margin-bottom: 0.75em;
}

/* Pagination */
.box-carousel .pagination {
  margin: 0;
  position: absolute;
  right: 10px;
  bottom: 10px;
  float: right;
  z-index: 10;
}

.box-carousel .pagination li {
  float: left;
  margin-left: 4px;
  list-style: none;
}

.box-carousel .pagination li a {
  display: block;
  width: 12px;
  height: 0;
  padding-top: 12px;
  overflow: hidden;
  background-image: url(../img/sprites/pagination.png);
  background-position: 0 0;
}

.box-carousel .pagination li.current a {
  background-position: 0 -12px;
}

/* Shade overlay */
.box-carousel .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 25px;
  background: url(../img/background/carousel.png) repeat-x;
  z-index: 38;
}

.box-carousel .slide.text {
  background-color: #c6002a;
  position: absolute;
  height: 100%;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  color: white;
  font-family: "FrutigerLTW02-77BlackCn";
}

.box-carousel .slide.text .outer {
  display: table-cell;
  position: absolute;
  bottom: 0;
}

.box-carousel .slide.text .outer .inner {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.box-carousel.large .slide.text p, .box-carousel.medium .slide.text p {
  font-size: 64px;
  margin: 0px;
  line-height: 1;
}

.box-carousel.small .slide.text p {
  font-size: 48px;
  margin: 0px;
  line-height: 1;
}

.box-carousel.large .slide.text p:last-child, .box-carousel.medium .slide.text p:last-child {
  color: black;
}

.box-carousel.small .slide.text p:nth-child(3) {
  color: white;
  font-size: 16px;
  font-family: FrutigerLTW01-56Italic;
  line-height: 2;
}

.box-carousel.small .slide.text p span.special {
  color: black;
  text-decoration: underline;
  font-family: FrutigerLTW01-56Italic;
}

/* [B] Program chooser */
/* Typography */
.box-program-chooser h1 {
  /* font-size: 26px; */
  /* font-size: 2.6rem; */
  margin-bottom: 0.5em;
}

.box-program-chooser h2 {
  /* font-size: 22px; */
  /* font-size: 2.2rem; */
  margin-bottom: 0.111111em;
  color: #666666;
}

.box-program-chooser h5, .box-program-chooser .h5 {
  font-weight: normal;
  margin-bottom: 0.5em;
  display: block;
}

/* Layout */
.box-program-chooser > ul > li {
  margin-bottom: 0.5em;
}

.box-program-chooser .cluster {
  float: none;
}

.box-program-chooser .intensity {
  width: 27%;
  padding-right: 1em;
}

.box-program-chooser .degree {
  width: 38%;
  padding-right: 1em;
}

.box-program-chooser .location {
  width: 35%;
}

.box-program-chooser a {
  display: inline-block;
}

.lt-ie8 .box-program-chooser a {
  display: inline;
  zoom: 1;
}

.box-program-chooser .footer {
  margin-top: 1.5em;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .box-program-chooser > ul > li {
    float: none;
    width: auto !important;
    padding: 0 !important;
  }
}
/* Wide variant */
.box-program-chooser-wide .cluster {
  float: left;
  width: 55%;
  padding-right: 1em;
}

.box-program-chooser-wide .degree {
  width: 25%;
  padding-right: 1em;
}

.box-program-chooser-wide .location {
  width: 20%;
}

/* [C] Blog teaser */
.box-blogs-teaser {
  padding: 0;
  border-radius: 0 0.2rem 0.2rem 0;
}

/* Quote */
.box-blogs-teaser .quote {
  background-position: right top;
  background-repeat: no-repeat;
  min-height: 19em;
  /* five lines of quote + the rest */
  padding: 1em 1.66667em;
  /* 12px 20px */
}

/* Jeremy */
.box-blogs-teaser .quote.jeremy {
  background-image: url(../img/illustraties/studenten/jeremy.jpg);
}

/* Cindy */
.box-blogs-teaser .quote.cindy {
  background-image: url(../img/illustraties/studenten/cindy-for-real.jpg);
}

.box-blogs-teaser blockquote {
  width: 50%;
  min-height: 8em;
  /* 8 �� line-height */
  text-transform: uppercase;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.box-blogs-teaser.light-text blockquote {
  color: #ffffff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.7);
}

/* Body */
.box-blogs-teaser .body {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 1.28571em;
  /* 18px */
}

.box-blogs-teaser ul {
  float: right;
  margin-left: 1em;
}

.box-blogs-teaser li:last-child .bordered-button {
  margin-bottom: 0;
}

/* Small variant */
.box-blogs-teaser-side div {
  background-image: url(../img/background/pattern.png);
  padding: 10px;
}

.box-blogs-teaser-side p {
  color: #cccccc;
}

.box-blogs-teaser-side blockquote {
  color: #ffffff;
  font-size: 18px;
  font-family: "FrutigerLTW05-65Bold", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0 0 10px 0;
  margin: 0;
}

/* [D] Editorial */
.box-editorial {
  margin-bottom: 2em;
}

.box-editorial figure {
  margin-bottom: 1em;
}

/* [E] Twitter updates */
.box-twitter-updates article {
  min-height: 7.33333em;
  /* 4 lines �� 1.5 line height + 1 line of 10px/15px */
  margin-bottom: 1em;
}

.box-twitter-updates article blockquote {
  margin: 0;
}

.box-twitter-updates article time {
  font-size: 10px;
  font-size: 1rem;
  text-transform: uppercase;
}

/* [F] News ticker */
.box-news-ticker {
  padding: 0.333333em 0;
  border-width: 0 0 0 3px;
  border-style: solid;
  border-color: #9a9a9a;
}

.box-news-ticker ul {
  padding-right: 10em;
  /* Accommodate .more */
}

.box-news-ticker .label {
  margin-right: 1em;
}

.box-news-ticker .container {
  display: inline-block;
}

.lt-ie8 .box-news-ticker .container {
  display: inline;
  zoom: 1;
}

.box-news-ticker a {
  display: inline;
  /* Override .nav a */
}

.box-news-ticker .more {
  float: right;
  /* TODO .more shouldn't be first in source order */
}

/* [G] Program finder form */
.box-program-finder-form {
  background: #b20532;
  background: -moz-linear-gradient(top, #b20532 0%, #c6002a 50%, #b20532 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b20532), color-stop(50%, #c6002a), color-stop(100%, #b20532));
  background: -webkit-linear-gradient(top, #b20532 0%, #c6002a 50%, #b20532 100%);
  background: -o-linear-gradient(top, #b20532 0%, #c6002a 50%, #b20532 100%);
  background: -ms-linear-gradient(top, #b20532 0%, #c6002a 50%, #b20532 100%);
  background: linear-gradient(to bottom, #b20532 0%, #c6002a 50%, #b20532 100%);
  padding: 1.66667em 1.66667em 0;
  margin-bottom: 0;
  margin-top: 2em;
}

/* Layout */
.box-program-finder-form li {
  width: 20%;
  padding-left: 1.5em;
}

.box-program-finder-form .sector {
  width: 40%;
  padding-left: 0;
}

.box-program-finder-form .intensity {
  float: none;
  clear: left;
  width: auto;
  padding-top: 1em;
  padding-left: 0;
}

/* Headings */
.box-program-finder-form h1, .box-program-finder-form h5 {
  color: #ffffff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.7);
}

.box-program-finder-form h1 {
  margin-bottom: 0.357142em;
  /* 10px */
}

/* List of checkboxes */
.box-program-finder-form fieldset {
  padding: 1em 1em 0.5em;
  /* last div does other half */
  background-color: #ede1e5;
  border-radius: 0.2rem;
}

.box-program-finder-form fieldset legend {
  display: none;
}

/* Individual checkbox */
.box-program-finder-form fieldset div {
  padding-left: 3em;
  position: relative;
  margin-bottom: 0.5em;
}

.box-program-finder-form fieldset .help {
  position: absolute;
  left: 0;
  top: 0.083333em;
  display: inline-block;
  border: 1px solid #ffffff;
  border-radius: 50%;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.2;
  width: 1.5em;
  padding: 0 0 0.1em 0.5em;
  font-weight: bold;
  background-color: #00aced;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.lt-ie8 .box-program-finder-form fieldset .help {
  display: inline;
  zoom: 1;
}

.box-program-finder-form fieldset input {
  position: absolute;
  left: 1.5em;
  top: 0.166667em;
}

.box-program-finder-form fieldset label {
  font-size: 0.916667em;
  /* 11px */
  line-height: 1.454545;
  /* 16px */
}

/* Sector specific: two columns */
.box-program-finder-form .sector fieldset {
  float: left;
}

.box-program-finder-form .sector fieldset:nth-child(2n) {
  width: 60%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.box-program-finder-form .sector fieldset:nth-child(2n+1) {
  width: 40%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Intensity specific: tabs */
/* Tab */
.box-program-finder-form .intensity li {
  margin-right: 1.5em;
  padding: 0;
  width: 23.2979%;
  /* = 195px + 2 �� 12px = 18.25em = article img + border width */
}

.box-program-finder-form .intensity .active, .box-program-finder-form .intensity a:hover {
  background: #ffffff none;
}

.box-program-finder-form .intensity .active, .box-program-finder-form .intensity a {
  padding: 0.5em 1em;
  border-radius: 0.2rem 0.2rem 0 0;
}

.box-program-finder-form .intensity li:last-child {
  margin-right: 0;
}

/* Link (is inactive state) */
.box-program-finder-form .intensity a {
  background: #dddddd;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 20%, #dddddd 90%, #cccccc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ffffff), color-stop(90%, #dddddd), color-stop(100%, #cccccc));
  background: -webkit-linear-gradient(top, #ffffff 20%, #dddddd 90%, #cccccc 100%);
  background: -o-linear-gradient(top, #ffffff 20%, #dddddd 90%, #cccccc 100%);
  background: -ms-linear-gradient(top, #ffffff 20%, #dddddd 90%, #cccccc 100%);
  background: linear-gradient(to bottom, #ffffff 20%, #dddddd 90%, #cccccc 100%);
  color: rgba(102, 102, 102, 0.5);
}

.box-program-finder-form .intensity a:hover {
  text-decoration: none;
}

/* Group for title  and duration */
.box-program-finder-form .intensity .tab-label {
  display: block;
  min-height: 3.5em;
}

/* Title */
.box-program-finder-form .intensity .h3 {
  margin: 0;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  line-height: 1;
}

.box-program-finder-form .intensity .h3, .box-program-finder-form .intensity a:hover .h3 {
  color: #c6002a;
}

.box-program-finder-form .intensity a .h3 {
  color: rgba(226, 19, 80, 0.5);
  /* TODO color */
}

.no-rgba .box-program-finder-form .intensity a .h3 {
  color: #eb83a2;
}

/* Duration */
.box-program-finder-form .intensity .duration {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 1em;
}

/* Numbner of programmes */
.box-program-finder-form .intensity i {
  font-size: 14px;
  font-size: 1.4rem;
}

.box-program-finder-form .intensity a:hover i {
  color: #666666;
}

/* Hide submit button if js autosubmit is supported */
.js .box-program-finder-form input[type=submit], .js #search input[type=submit] {
  display: none;
}

/* Display options */
.box-program-finder-form .display-options {
  position: absolute;
  right: 1.66667em;
  /* 20px */
  bottom: 1em;
  /* 12px */
  padding: 0.181818em 0;
  /* 2px */
}

.box-program-finder-form.has-four-tabs .display-options {
  top: 1.58333em;
  bottom: auto;
  right: 16em;
}

/* Responsive */
@media (max-width: 56em) {
  .box-program-finder-form > form > ul > li {
    width: 33%;
  }

  .box-program-finder-form li:nth-child(2) {
    padding-left: 0;
  }

  .box-program-finder-form .sector {
    float: none;
    width: auto;
    margin-bottom: 1em;
  }

  .box-program-finder-form .intensity li {
    width: 25%;
  }

  .box-program-finder-form .intensity li i {
    font-size: 12px;
    font-size: 1.2rem;
  }

  .box-program-finder-form .display-options span {
    display: block;
    margin-bottom: 0.545454em;
    /* 6px */
  }
}
/* Page tools */
.box-program-finder-form .page-tools {
  position: absolute;
  top: 1.66667em;
  /* align with h1 */
  right: 1.66667em;
  /* 20px */
  float: none;
  margin: 0;
}

/* [H] Program finder results visual */
.box-program-finder-results article.box {
  position: relative;
  padding-left: 19em;
  /* for figure */
  padding-bottom: 0.5em;
  /* for tags */
}

.box-program-finder-results .box.style-highlight:nth-child(n) {
  border-color: #9a9a9a;
}

/* Image */
.box-program-finder-results article figure {
  float: left;
  width: 18em;
  margin: -1em 0 -1em -19em;
}

.box-program-finder-results article figure img {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Heading */
.box-program-finder-results article h3 {
  padding-right: 9em;
  /* 162px - accommodate button */
  margin-bottom: 0.277778em;
  /* 5px */
}

.box-program-finder-results article h3 i {
  font-family: Verdana, "Helvetica Neue", Helvetica, Arial, Serif;
  letter-spacing: normal;
  font-style: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.33333;
  color: #c6002a;
}

/* Text */
.box-program-finder-results article p {
  font-size: 14px;
  font-size: 1.4rem;
  min-height: 6em;
  /* 4 �� line-height */
  margin-bottom: 1em;
  padding-right: 11.5714em;
  /* 162px - accommodate button */
}

/* Button */
.box-program-finder-results article .more {
  position: absolute;
  top: 1em;
  right: 1em;
  background-color: #ffffff;
}

.box-program-finder-results article .more i {
  display: block;
  padding: 0.272727em 0.272727em 0.272727em 1em;
  border-radius: 0 0 0.2rem 0.2rem;
  font-style: normal;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.45455;
  /* 16px */
}

/* [I] Program list results text */
.box-program-finder-results .instruction {
  font-size: 0.916667em;
  /* 11px */
  line-height: 1.45455;
  /* 16px */
  margin-bottom: 1.81818em;
  /* 20px */
  text-align: center;
}

.box-program-finder-results .location ul {
  margin: 0 0 1.66667em;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 2em;
  -webkit-column-gap: 2em;
  column-gap: 2em;
}

.box-program-finder-results .location li {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.box-program-finder-results .location a {
  color: #333333;
  /* TODO color */
}

.box-program-finder-results .paging {
  text-align: center;
  margin-bottom: 1.25em;
}

/* [J] Popup - see .reveal-modal */
/* [K] Navigation list - see .nav-tree */
/* [L] Content body */
/* [M] Event teaser */
.box-event-teaser {
  padding-left: 5em;
  /* 60px */
  border-radius: 0.2rem;
}

/* Date */
.box-event-teaser .date {
  display: block;
  width: 2.5em;
  /* 60px */
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5em 0;
  font-family: "FrutigerLTW05-65Bold", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 0.833333;
  color: #ffffff;
  text-align: center;
}

.box-event-teaser .date strong {
  display: block;
  font-size: 48px;
  font-size: 4.8rem;
  margin-bottom: 0.125em;
}

/* Heading */
.box-event-teaser h2 {
  margin-bottom: 0.5em;
}

.box-event-teaser h2 span {
  font-size: 16px;
  font-size: 1.6rem;
}

/* Body */
.box-event-teaser .body {
  padding: 1em;
}

.box-event-teaser .grid_5 {
  padding-left: 0;
  padding-right: 20px;
}

.box-event-teaser .container_12 {
  margin: 0;
}

/* Responsive */
@media (max-width: 56em) {
  .box-event-teaser .grid_5 {
    display: block;
    float: none;
    width: auto;
  }

  .box-event-teaser [class^=grid_] {
    margin-top: 0.75em;
  }
}
/* [N] - [Q] Channels */
.box-channel .body {
  min-height: 4.5em;
  /* 3 �� line-height */
  margin: 0 0 1.66667em;
}

.box-channel .body strong {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 0.571428em;
}

/* [N] Twitter channel */
.box-channel-twitter blockquote {
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.box-channel-twitter .published {
  position: absolute;
  top: 0.7em;
  right: 0;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.4;
  color: #666666;
  text-transform: uppercase;
}

/* Responsive */
@media (max-width: 56em) {
  .box-channel-twitter .published {
    position: static;
  }
}
/* [O] LinkedIn channel */
/* [P] Youtube channel */
/* [Q] Flickr channel */
/* [R] Facebook like box */
/* [S] Large button - see .large-button */
/* [T] Blogger teaser */
/* [U] Editorial small */
.box-editorial-small {
  border-bottom: 1px solid #eeeeee;
}

.box-editorial-small:last-child {
  border-bottom: none;
}

.box-editorial-small h3 {
  font-size: 18px;
  /* Should have been h4 */
  font-size: 1.8rem;
}

.box-editorial-small .body {
  margin-bottom: 1.5em;
}

/* Editorial small in a vertical hst-container */
div.hst-container-item .box-editorial-small {
  border-bottom: 1px solid #eeeeee;
}

div.hst-container-item:last-child .box-editorial-small {
  border-bottom: none;
}

/* [V] Tabs - see .nav-tabs */
/* [W] Program courses */
.box-program-courses {
  margin-bottom: 0px;
}

/* Tabs */
.box-program-courses .nav-tabs {
  margin-bottom: 0;
}

.box-program-courses h3 {
  margin-bottom: 13px;
}

.no-js .box-program-courses .nav-tabs {
  display: none;
}

/* Table layout */
.box-program-courses table {
  margin: 0;
}

.box-program-courses th {
  font-weight: normal;
}

.box-program-courses td {
  position: relative;
}

.box-program-courses td.theme {
  font-weight: bold;
}

.box-program-courses .block {
  width: 69px;
  border-left-width: 0.083333em;
  text-align: center;
}

.box-program-courses td.block {
  padding-left: 0px;
  padding-right: 0px;
}

/* Description */
.box-program-courses table div {
  display: none;
}

/* Bars */
.box-program-courses table span {
  /* border-radius: .2rem; */
  position: absolute;
  display: block;
  height: 1.5em;
  width: 70px;
  text-indent: -999em;
  color: #666666;
}

.box-program-courses table .span2 {
  width: 11.0833em;
  /* 2 �� 5em width + 2x .5em padding + 1px border */
}

.box-program-courses table .span3 {
  width: 17.1667em;
  /* 3 �� 5em width + 4x .5em padding + 2 x 1px border */
}

.box-program-courses table .span4 {
  width: 23.25em;
  /* 4 �� 5em width + 6x .5em padding + 3 x 1px border */
}

/* [Y] Box figure */
.box.box-figure {
  margin-top: 0px;
}

.box-figure figure {
  margin-bottom: 0px;
}

/* [Z] Paging - defined as .nav-pagination in navigation.css */
/* [AA] Button - defined as .button in navigation.css */
/* [AB] Blog article list */
/* Article list for blocks AB, AC, AP */
.article-list article {
  padding-bottom: 1.66667em;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 1.66667em;
  clear: both;
  position: relative;
}

/* Make sure the article bounds are below the floated image */
.article-list article:after {
  content: " ";
  display: block;
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.article-list article h2 {
  font-size: 2.1rem;
}

/* Figures in article lists are floated left and have a predetermined size. */
.article-list article figure {
  float: left;
  width: 150px;
  padding-right: 1em;
}

.article-list article .clear-fix {
  clear: both;
  height: 0px;
}

.article-list-small article {
  padding-bottom: 0.75em;
  margin-bottom: 0.75em;
}

.article-list-small article figure {
  margin-bottom: 0;
}

/* [AC] Bloggers list */
.box-bloggers-list article {
  padding-left: 7.66667em;
  /* 80px + 1em */
}

.box-bloggers-list article figure {
  float: left;
  width: 6.66667em;
  /* 80px */
  margin-left: -7.66667em;
}

.box-bloggers-list article h5 {
  color: #333333;
}

/* [AD] Map */
.box-map p {
  text-align: right;
  font-size: 11px;
  font-size: 1.1rem;
}

.box-map p a {
  color: #666666;
}

.box-map p a:hover {
  color: #00aceb;
}

/* [AE] Travel timer */
.box-travel-timer input[type=text] {
  width: 7.25em;
}

/* [AF] Form */
/* [AG] Event list */
/* Event list */
/* [AH] Program chooser - see .accordion */
/* [AI] Teaser with figure */
.box-teaser-with-figure figure {
  margin: -1em -1em 1em;
}

.box-teaser-with-figure figure img {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.box-teaser-with-figure .body p {
  min-height: 7.5em;
  /* 5 �� line-height */
  margin-bottom: 1em;
}

.box-teaser-list {
  padding: 1em;
}

/* [AJ] Study program */
.box-study-program table {
  background-color: #eeeeee;
  border-spacing: 1px;
  border-collapse: separate;
  border-width: 0;
  margin: 0;
}

.box-study-program th, .box-study-program td {
  white-space: nowrap;
  padding: 3px;
  text-align: center;
}

.box-study-program th {
  font-weight: normal;
  border: 1px solid #ffffff;
}

.box-study-program td {
  background-color: #ffffff;
  border-bottom: none;
}

/* Week number */
.box-study-program .week-number {
  color: #c6002a;
  font-weight: bold;
}

/* Opening times */
.box-study-program .closed, .box-study-program .limited {
  padding: 1px;
}

.box-study-program .closed span, .box-study-program .limited span {
  display: block;
  width: 23px;
  height: 23px;
  text-indent: -9999em;
  background-image: url("../img/sprites/site.png");
  background-repeat: no-repeat;
}

.box-study-program .closed span {
  background-position: -173px -393px;
}

.box-study-program .limited span {
  background-position: -203px -393px;
}

/* Description */
.box-study-program .description {
  text-align: left;
}

/* [AK] Locations and facilities list */
.box-locations img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.box-locations .body {
  padding: 0.625em 0.55em;
  border-radius: 0 0 0.2rem 0.2rem;
}

/* [AL] Facility list */
.box-facility-list.style-highlight {
  padding: 0;
  border-left: 0;
}

.box-facility-list figure {
  float: left;
  width: 18.3333em;
  /* 220px */
}

.box-facility-list img {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.box-facility-list .body {
  padding: 1em 1em 1em 20em;
  /* 220px + 20px (spacer) */
}

.box-facility-list h2 {
  font-size: 20px;
  font-size: 2rem;
}

.box-facility-list p {
  margin-bottom: 0;
}

/* [AM] Lectoraten */
.box-lectureship .body p {
  /* min-height: 6em; /* 4 �� line-height */
}

/* [AN] Bloggers list */
.box-bloggers-columns {
  width: 102.857%;
  /* :) 720 �� 700 */
  margin-top: -1.66667em;
  /* 20px */
  margin-left: -1.66667em;
}

.box-bloggers-columns .blogger {
  float: left;
  width: 33.3333%;
}

/* Caption */
.box-bloggers-columns .blogger figcaption {
  padding: 1em 1.66667em;
  /* 12px 20px */
  min-height: 4.5em;
  /* 3 �� line-height */
}

/* Title */
.box-bloggers-columns .blogger h2 {
  padding: 0.714285em;
  /* 20px */
  margin-bottom: 0;
  border-width: 1px 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.5);
  min-height: 5em;
  /* 5 �� line-height */
}

.no-rgba .box-bloggers-columns .blogger h2 {
  border-color: #555555;
}

/* Read more */
.box-bloggers-columns .blogger .button {
  margin: 1.81818em;
  /* 20px */
}

/* More articles */
.box-bloggers-columns .blogger .more-articles {
  padding: 2em 1.66667em 0;
  /* 24px 20px */
}

.box-bloggers-columns .blogger .more-articles ul {
  margin: 0.5em 0 1em;
}

.box-bloggers-columns .blogger .more-articles li {
  padding-top: 0.333333em;
  padding-bottom: 0.333333em;
}

.box-bloggers-columns .blogger .more-articles .all {
  margin-top: 0.666667em;
}

.box-bloggers-columns .blogger .more-articles li.all {
  clear: both;
}

/* [AO] Blogger teaser */
.box-blogger-teaser {
  padding: 1em;
  border-radius: 0.2rem 0.2rem 0 0;
}

.box-blogger-teaser figure {
  margin: -1em -1em 0;
}

.box-blogger-teaser figcaption {
  padding: 1em;
}

/* [AP] Comments list */
.box-comments-list {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 1.66667em 0;
}

.box-comments-list article {
  border-bottom: 1px solid #eeeeee;
  padding: 1em 1.66667em;
}

.box-comments-list article footer {
  padding: 0;
  margin-bottom: 0.25em;
}

.box-comments-list article .body {
  margin-bottom: 0;
}

.box-comments-list .nav-pagination {
  margin-top: 1.66667em;
}

/* [AQ] Team member */
.box-team-member.style-highlight {
  padding: 0;
  border-left: 0;
  margin-bottom: 1.6667em;
}

.box-team-member figure {
  float: left;
  width: 120px;
}

.box-team-member img {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.box-team-member .body {
  padding: 1em 1em 1em 140px;
}

.box-team-member p {
  margin-bottom: 0;
}

/* [AR] Small list content items */
.box-content-list-small .body {
  margin-bottom: 0;
}

.box-content-list-small li {
  margin-bottom: 0.75em;
  /* 9px */
}

.box-content-list-small li .description {
  padding-left: 1.25em;
}

.box-content-list-small .spacer-top {
  margin-top: 2em;
  /* 24px */
}

/* [AS] Filters */
.box-filter a.delete {
  font-weight: normal;
}

.box-filter .delete {
  background-image: url(../img/sprites/delete.png);
  background-repeat: no-repeat;
  background-position: 100% 0;
}

.box-filter .delete:hover {
  color: #c6002a;
  background-position: 100% -66px;
  text-decoration: line-through;
}

/* [AT] Editorial large */
.box-editorial-large h1 {
  /* font-size: 48px; */
  /* font-size: 4.8rem; */
  line-height: 1;
}

.box-editorial-large .entry-content {
  margin-bottom: 0;
}

.box-editorial-large article h2 {
  font-style: normal;
}

.box-editorial-large article:last-of-type {
  padding-bottom: 0;
  /* Sort of inconsistent */
  border-bottom: 0;
}

.vacancy-list article footer {
  padding: 0 0 0.75em;
  color: #666666;
}

.vacancy-list article .button {
  margin-right: 0.75em;
}

/* Buttons are higher here :s */
.vacancy-list article .bordered-button {
  padding-top: 0.454545em;
  /* 5px */
  padding-bottom: 0.454545em;
  /* 5px */
}

/* [AW] Not found page */
/* Override background and main area */
.not-found-page #background {
  position: static;
  padding-top: 4em;
  height: 14.1667em;
  /* 170px */
  margin-bottom: 2em;
  text-align: center;
}

.not-found-page #background .wrapper {
  position: relative;
}

.not-found-page #background h1 {
  /* font-size: 64px; */
  /* font-size: 6.4rem; */
  color: #ffffff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.7);
}

.not-found-page #background .logo {
  background-position: 0 -242px;
  top: 25px;
  right: 0;
}

.not-found-page #background .logo-international {
  background-position: 0 -305px;
}

.not-found-page #main {
  background-color: transparent;
}

/* Feedback */
.not-found-page .feedback {
  font-family: "FrutigerLTW05-65Bold", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}

.not-found-page .feedback i {
  font-weight: normal;
  font-style: normal;
  color: #666666;
}

/* Languages */
.not-found-page .languages {
  margin: 0 21.4285%;
  /* 210px */
}

.not-found-page .languages .box {
  float: left;
  width: 39.2857%;
  /* 220px */
  margin: 2em 3.06122%;
  /* 30px */
}

.not-found-page .languages h5 {
  font-size: 10px;
  font-size: 1rem;
  text-transform: uppercase;
}

.not-found-page form {
  margin: 0.75em 0 2em;
}

.not-found-page input {
  width: 95.4545%;
  /* 210px */
}

/* [BA] List of pages */
.box-page-list article {
  padding-bottom: 1.66667em;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 1.66667em;
}

.box-page-list article:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

/* [BB] Locations list large */
.box-location-list article figure {
  margin: -1em -1em 1em -1em;
}

/* FORMS */
/* Layout */
form .field {
  margin-bottom: 1em;
}

/* Labels */
form .field > label {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0.5em;
}

/* Hover */
form label[for]:hover {
  cursor: pointer;
  color: #333333;
  text-decoration: underline;
}

/* Fields design */
input, select, textarea {
  background-color: #f6f6f6;
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc #eeeeee #eeeeee #cccccc;
  padding: 0.25em 0.333333em 0.333333em;
  border-radius: 0.2rem;
  box-shadow: 1px 1px 3px #cccccc inset;
}

/* Fields layout */
form .field-input input, form .field-select select {
  width: 16em;
  max-width: 100%;
}

form .field-textarea textarea {
  width: 100%;
  height: 12em;
}

/* Radio */
form .field-radio div {
  font-size: 12px;
  font-size: 1.2rem;
}

form .field-radio.orientation-horizontal div {
  display: inline-block;
  width: 17%;
  margin-right: 2%;
}

form .field-radio input {
  background: none;
  border: none;
  position: relative;
  top: 0.083333em;
  margin-right: 0.25em;
}

/* Checkbox */
form .field-checkbox input {
  background: none;
  border: none;
  position: relative;
  top: 0.083333em;
  margin-right: 0.25em;
}

/* Buttons */
form .buttons {
  margin: 2em 0;
}

/* Search results */
.search-result em {
  font-weight: bold;
  font-style: normal;
  color: #000000;
}

/* HELPERS */
/* Non-semantic helpers (from Boilerplate) */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.group:before, .group:after, .nav:before, .nav:after, .container_12:before, .container_12:after {
  content: "";
  display: table;
}

.group:after, .nav:after, .container_12:after {
  clear: both;
}

.group, .nav, .container_12 {
  *zoom: 1;
}

/* PRINT MEDIA */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  .style-secondary {
    border-width: 1px;
    border-style: solid;
  }

  .entry-content a, .entry-content a:visited {
    text-decoration: underline;
  }

  pre, blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }

  /* Hide uninteresting sections for this medium */
  #header,
.page-tools-row,
#breadcrumb,
#footer,
#service,
#background,
.icon,
iframe {
    display: none;
  }

  /* Adaptations for this medium */
  .button, .large-button {
    border: 1px solid #999999;
  }

  .box-channel-twitter .published {
    position: relative;
    top: -1.2em;
  }
}
/* Add-This style */
.atm * {
  -moz-box-sizing: content-box;
}

/* Program finder auto-submit spans */
.vorm, .type, .erasmusProgramma {
  display: none;
}

/* Horizontal facet filter */
.box.box-filters.horizontal {
  margin: 1em 1em;
}

.box-filters.horizontal div.field, .box-filters.horizontal div.field-select, .box-filters.horizontal form {
  display: inline;
}

.box-filters.horizontal .buttons {
  margin: 1em 0px;
}

/* decrease the width of the select menus */
.box-filters.horizontal .field-select select {
  width: 7em;
}

/* Project overview */
.box-project-list .project-status, .box-project-list .project-keywords {
  margin: 1em 0px 1em;
}

/* Research detail pages right-hand side */
.box.style-dark.hierarchy {
  border-left: 3px solid #2f2d28;
}

.box.style-dark.related .style-primary {
  background: #2f2d28;
}

.box.style-dark.related {
  border-left: 3px solid #c6002a;
}

.box.research-list h3 {
  padding-right: 11em;
}

.box.research-list .more {
  position: absolute;
  right: 1em;
  top: 1em;
}

.box.research-list article p {
  padding-right: 11em;
}

.box.research-list figure {
  float: left;
  padding-right: 1em;
}

/* Check for css-less operation */
head {
  background-color: #000000;
}

/* Show / hide certain elements if javascript is enabled. "js" attribute set by modernizr */
.no-js .hide-on-no-js {
  display: none;
}

.js .hide-on-js {
  display: none;
}

.media-container {
  min-height: 160px;
}

.media-container iframe {
  width: 100%;
  height: 100%;
}

.exchange-programfilter {
  margin-top: 20px;
  /* padding-left: 20px; */
}

.exchange-programfilter span {
  font-weight: bold;
  color: black;
  font-size: 1rem;
  /* margin-right: 10px; */
}

.exchange-programfilter .field {
  display: inline-block;
  width: 100%;
  margin: 0;
  /* margin-right: 20px; */
}

.exchange-programfilter .field label {
  color: #212121;
  font-size: 1rem;
  line-height: 1.5rem;
  display: block;
  font-family: "Frutiger LT STD 77 Black Condensed", helvetica, sans-serif;
  margin-bottom: 1.5rem;
}

.exchange-programfilter .field select {
  display: block;
}

img.testimonial {
  float: right;
  width: 120px;
  margin-left: 10px;
  margin-bottom: 10px;
}

/* Start:  temporary Event touchpoint */
section.box-countdown {
  margin-bottom: 2em;
}

.box-countdown-clock {
  background-color: #1c030b;
  width: 50%;
  float: left;
  position: relative;
  height: 100%;
}

.box-countdown-clock .box-countdown-clock-item {
  display: inline-block;
  width: 25%;
  color: #b60023;
}

.box-countdown-clock .box-countdown-clock-item span:first-of-type {
  display: inline;
  font-family: "LCD W01", sans-serif;
  font-size: 46px;
  line-height: 1;
}

.box-countdown-clock .box-countdown-clock-item span + span {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 11px;
}

.box-countdown-clock .details {
  position: relative;
  top: 30%;
  text-align: center;
}

.box-countdown-clock .details .description {
  display: block;
}

.box-countdown-event {
  background-color: #c6002a;
  width: 50%;
  float: left;
  position: relative;
  height: 100%;
  color: #ffffff;
}

.box-countdown-event h2 {
  font-family: "FrutigerLTW05-65Bold", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  text-shadow: none;
  text-transform: uppercase;
}

.box-countdown-event .details {
  position: relative;
  top: 30%;
  text-align: center;
}

.box-countdown-event .details .description {
  display: block;
  margin-bottom: 10px;
}

.box-countdown-event a {
  color: #ffffff;
  font-weight: bold;
}

/* End : temporary Event touchpoint */
/* Start: sitemap styling */
.two-col-sitemap {
  overflow: auto;
  margin: 0;
  padding: 0;
}

.two-col-sitemap .li-sitemap {
  display: inline-block;
  width: 45%;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

.two-col-sitemap li:before {
  content: "";
  padding: 5px;
  margin-right: 5px;
  display: inline-block;
}

/* End: sitemap styling */
.cycle-slideshow {
  padding-bottom: 20px;
}

/* line 4, /Users/seb/Work/Avans-Onderzoek/css/module/cycle-slideshow */
.cycle-slideshow img.slide {
  width: 100%;
  height: auto;
  min-height: auto;
}

/* line 6, /Users/seb/Work/Avans-Onderzoek/css/module/cycle-slideshow */
.cycle-slideshow .caption-container {
  background-color: #00aeed;
  color: #ffffff;
  font-size: 11px;
  height: 40px;
  padding: 2px 15px;
  z-index: 1000;
  position: absolute;
  bottom: 20px;
  width: 100%;
}

/* line 21, /Users/seb/Work/Avans-Onderzoek/css/module/cycle-slideshow */
.cycle-slideshow .caption-container a {
  color: #ffffff;
  display: inline-block;
  width: 25px;
  text-align: center;
  line-height: 40px;
}

/* line 29, /Users/seb/Work/Avans-Onderzoek/css/module/cycle-slideshow */
.cycle-slideshow .caption-container .sl-caption {
  display: inline;
  vertical-align: text-bottom;
  margin-left: 10px;
}

.widget-content-aside {
  padding: 10px;
  position: relative;
  height: 120px;
  margin-bottom: 30px;
  margin-top: 0px;
  width: 210px;
  line-height: 200%;
}

.widget-content-aside.red {
  background-color: #C6002A;
}

.widget-content-aside.blue {
  background-color: #00AEED;
}

.widget-rating .rating {
  height: 20px;
  width: 20px;
  border: 0;
}

.widget-content-aside .title {
  font-family: "FrutigerLTW02-77BlackCn";
  font-weight: 100;
  font-size: 18px;
  color: #fff;
  line-height: 20px;
  display: block;
  text-shadow: 0px 0px;
}

.widget-content-aside .subtitle {
  font-family: "FrutigerLTW02-77BlackCn";
  font-weight: 100;
  font-size: 12px;
  display: block;
  color: #fff;
}

.widget-content-aside .btn-red, .widget-content-aside .btn-black {
  width: calc(100% - 20px);
  text-transform: none;
  position: absolute;
  bottom: 10px;
  height: 30px;
  line-height: 26px;
  font-size: 12px;
}

.btn-black {
  font-family: "FrutigerLTW02-77BlackCn";
  font-size: 16px;
  float: right;
  height: 40px;
  background-color: #000000;
  color: #fff !important;
  line-height: 36px;
  padding: 2px 10px;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  z-index: 10;
  background-image: -moz-linear-gradient(47% 0% -90deg, #333333 0%, #000000 100%);
  background-image: -webkit-gradient(linear, 47% 0%, 47% 99%, color-stop(0, #333333), color-stop(1, #000000));
  background-image: -webkit-linear-gradient(-90deg, #333333 0%, #000000 100%);
  background-image: -o-linear-gradient(-90deg, #333333 0%, #000000 100%);
  background-image: -ms-linear-gradient(-90deg, #333333 0%, #000000 100%);
  background-image: linear-gradient(180deg, #333333 0%, #000000 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff333333,endColorstr=#ff000000,GradientType=0)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff333333, endColorstr=#ff000000, GradientType=0);
  text-decoration: none !important;
  min-width: 110px;
  text-align: center;
}

.btn-black.sink-left {
  float: left !important;
}

.btn-black:hover {
  background-image: -moz-linear-gradient(47% 0% 90deg, #333333 0%, #000000 100%);
  background-image: -webkit-gradient(linear, 47% 0%, 47% 99%, color-stop(0, #333333), color-stop(1, #000000));
  background-image: -webkit-linear-gradient(-90deg, #333333 0%, #000000 100%);
  background-image: -o-linear-gradient(-90deg, #333333 0%, #000000 100%);
  background-image: -ms-linear-gradient(-90deg, #333333 0%, #000000 100%);
  background-image: linear-gradient(0deg, #333333 0%, #000000 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff333333,endColorstr=#ff000000,GradientType=0)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff333333, endColorstr=#ff000000, GradientType=0);
}

.widget-share {
  margin-top: 40px;
  margin-bottom: 40px;
}

.widget-share h2 {
  font-family: "FrutigerLTW02-77BlackCn";
  color: #000;
  font-weight: 100;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.widget-share a.social {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-size: 30px 30px;
  margin-right: 2px;
}

.widget-share a.social.twitter {
  background-color: #55ACEE;
  background-image: url(../img/twitter_white.png);
}

.widget-share a.social.twitter:hover {
  background-image: url(../img/twitter_white.png);
}

.widget-share a.social.facebook {
  background-color: #3B5998;
  background-image: url(../img/facebook_white.png);
}

.widget-share a.social.email {
  background-image: url(../img/email_white.png);
}

.widget-share a.social.facebook:hover {
  background-image: url(../img/facebook_white.png);
}

.widget-share a.social.linkedin {
  background-color: #0077B5;
  background-image: url(../img/linkedin_white.png);
}

.widget-share a.social.linkedin:hover {
  background-image: url(../img/linkedin_white.png);
}

.widget-share a.social.instagram {
  background-color: #3F729B;
  background-image: url(../img/instagram_white.png);
}

.widget-share a.social.instagram:hover {
  background-image: url(../img/instagram_white.png);
}

.widget-share a.social.youtube {
  background-color: #CD201F;
  background-image: url(../img/youtube_white.png);
}

.widget-share a.social.youtube:hover {
  background-image: url(../img/youtube_white.png);
}

.widget-share a.social.blogger {
  background-color: #F57D00;
  background-image: url(../img/blogger_white.png);
}

.widget-share a.social.blogger:hover {
  background-image: url(../img/blogger_white.png);
}

@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .widget-share a.social.twitter {
    background-image: url(../img/twitter_white_2x.png);
  }

  .widget-share a.social.twitter:hover {
    background-image: url(../img/twitter_white_2x.png);
  }

  .widget-share a.social.facebook {
    background-image: url(../img/facebook_white_2x.png);
  }

  .widget-share a.social.facebook:hover {
    background-image: url(../img/facebook_white_2x.png);
  }

  .widget-share a.social.linkedin {
    background-image: url(../img/linkedin_white_2x.png);
  }

  .widget-share a.social.linkedin:hover {
    background-image: url(../img/linkedin_white_2x.png);
  }

  .widget-share a.social.instagram {
    background-image: url(../img/instagram_white_2x.png);
  }

  .widget-share a.social.instagram:hover {
    background-image: url(../img/instagram_white_2x.png);
  }

  .widget-share a.social.youtube {
    background-image: url(../img/youtube_white_2x.png);
  }

  .widget-share a.social.youtube:hover {
    background-image: url(../img/youtube_white_2x.png);
  }

  .widget-share a.social.blogger {
    background-image: url(../img/blogger_white_2x.png);
  }

  .widget-share a.social.blogger:hover {
    background-image: url(../img/blogger_white_2x.png);
  }
}
.widget-share-item .shared-badge {
  width: 30px;
  float: left;
  margin-right: 10px;
  text-align: center;
}

.widget-share-item .twitter {
  background-color: #55acee;
  background-image: url(../img/twitter_white.png) !important;
}

.widget-share-item .facebook {
  background-color: #3b5998;
  background-image: url(../img/facebook_white.png) !important;
}

.widget-share-item .linkedin {
  background-color: #0077b5;
  background-image: url(../img/linkedin_white.png) !important;
}

.widget-share-item .email {
  background-image: url(../img/email_white.png) !important;
}

@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .widget-share-item .twitter {
    background-image: url(../img/twitter_white_2x.png) !important;
  }

  .widget-share-item .facebook {
    background-image: url(../img/facebook_white_2x.png) !important;
  }

  .widget-share-item .linkedin {
    background-image: url(../img/linkedin_white_2x.png) !important;
  }
}
.widget-share-item h2 {
  font-family: "FrutigerLTW02-77BlackCn";
  color: #000;
  font-weight: 100;
  font-size: 16px;
  margin-bottom: 10px;
}

a.social {
  width: 30px;
  height: 30px;
  background-color: #333333;
  display: inline-block;
  background-size: 30px 30px;
}

.widget-share a.social {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-size: 30px 30px;
  margin-right: 2px;
}

.widget-share-item .count {
  font-family: "FrutigerLTW02-77BlackCn";
  color: #000;
  font-weight: 100;
  font-size: 16px;
}

.highlightitems {
  width: 720px;
  font-size: 12px;
}

.highlightitems h3 {
  margin-top: 0px;
}

.highlightitems ul li {
  padding-left: 0;
}

.highlightitems ul li:before {
  content: "";
}

/* The container <div> - needed to position the shareBox content */
.shareBox {
  position: relative;
  display: inline-block;
}

/* shareMenu Content (Hidden by Default) */
.shareMenu {
  margin-left: -14px;
  display: none;
  position: absolute;
  min-width: 120px;
  box-shadow: 2px 1px 4px 0px rgba(0, 0, 0, 0.2);
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.2);
  line-height: 20px;
}

/* Links inside the shareMenu */
.shareMenu a {
  color: black !important;
  padding-left: 10px;
  text-decoration: none;
  display: block;
  font-family: "FrutigerLTW02-47LightCn";
  font-size: 14px;
  line-height: 30px;
}

/* Change color of shareMenu links on hover */
.shareMenu a:hover {
  background-color: rgba(0, 174, 244, 0.15);
}

/* Show the shareMenu on hover */
.shareBox:hover .shareMenu {
  display: block;
}

.hst-overlay-menu-delete-button::after {
  font-size: 2em;
  color: red;
  content: "X";
}

.hst-overlay-container-item {
  min-width: 256px;
}

/* Old search results design */
.inline-search-result {
  display: none;
  background-color: #ffffff;
  position: absolute;
  right: auto;
  /*in research, the inline search results were shown to the right*/
  width: 95%;
  border: 1px solid #2A8BBF;
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  max-height: 80vh;
  overflow-y: scroll;
  box-shadow: 0px 12px 24px rgba(33, 33, 33, 0.12);
}

.inline-search-result .result-set h5 {
  background-color: #BDD8EE;
  color: #2A8BBF;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
}

.inline-search-result .result-set ul {
  list-style-type: none;
  padding: 0 1rem;
}

.inline-search-result .result-set ul li {
  margin-bottom: 0.875rem;
}

.inline-search-result .result-set ul li a {
  color: #999;
  text-decoration: none;
  position: relative;
  padding-left: 1.5rem;
  display: block;
}

.inline-search-result .result-set ul li a:hover {
  color: #00aceb;
  /* color: #212121; */
}

.inline-search-result .result-set ul li a:before {
  position: absolute;
  left: 0;
  top: calc(50% - 6px);
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(-45deg);
  border: 1px solid #C6002A;
  border-width: 0 2px 2px 0;
  border-radius: 1px;
}

#search-suggestions-close {
  font-size: 11px;
}

body,
input {
  color: #212121;
}

.testing {
  outline: 1px solid red;
}

.testing * {
  outline: 1px solid green;
}

.testing * * {
  outline: 1px solid pink;
}

.testing * * * {
  outline: 1px solid blue;
}

.testing * * * * {
  outline: 1px solid orange;
}

.testing * * * * * {
  outline: 1px solid teal;
}

.centered {
  align-items: center;
  justify-content: center;
}

.align-center {
  align-items: center;
}

.align-start,
.align-top {
  align-items: flex-start;
}

.align-end,
.align-bottom {
  align-items: flex-end;
}

.justify-start,
.justify-top {
  justify-content: flex-start;
}

.justify-end,
.justify-bottom {
  justify-content: flex-end;
}

nav.page-header__tabs > ul {
  margin: 0;
}

/*
  mixins
  */
.blue-arrow,
.link-block__text {
  background-image: url("../img/icons/ICON-Arrow-Right-Blue.svg");
  background-repeat: no-repeat;
  background-position: 0 50%;
}

.gray-arrow {
  background-image: url("../img/icons/ICON-Arrow-Right-Gray.svg");
  background-repeat: no-repeat;
  background-position: 0 50%;
}

.white-arrow {
  background-image: url("../img/icons/ICON-Arrow-Right-White.svg");
  background-repeat: no-repeat;
  background-position: 0 50%;
}

.small-arrow,
.widget__link--solo:before,
.widget__list-item:before {
  position: absolute;
  width: 5px;
  height: 5px;
  content: "";
  transform: rotate(45deg);
  border: 1px solid #00aceb;
  border-width: 1px 1px 0 0;
  left: 0;
  top: 18px;
}

/* file to normalize the styles */
* {
  box-sizing: border-box;
}

body,
figure {
  margin: 0;
  padding: 0;
}

body {
  min-width: 100%;
  background-color: #fff;
}

a:not([class]) {
  text-decoration: none;
  color: #00aceb;
}

a:not([class]):hover {
  text-decoration: underline;
}

.page-menu a:not([class]) {
  color: #212121;
}

.page-menu a:not([class]):hover {
  color: #212121;
}

input[type=search]::-webkit-search-cancel-button {
  display: none;
}

p img,
figure img {
  width: 100%;
}

img[align] {
  width: auto;
  margin: 1rem;
}

img[align=right] {
  margin-right: 0;
}

img[align=left] {
  margin-left: 0;
}

table {
  font-size: 1rem;
  width: 100%;
  margin: 1rem 0;
  border-top: 1px solid #eee;
}

caption {
  display: none;
}

th {
  text-align: left;
}

th,
td {
  padding: 0.5rem;
  border-bottom: 1px solid #eee;
}

html {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  width: 100%;
  height: auto !important;
  background-color: #fff;
}

/*
    if those are not set to block, after will not work...
*/
article,
aside,
body,
section,
main {
  display: block;
}

section.no-padding {
  padding: 0;
}

.hero,
.top-bar {
  padding: 0 0.9375rem;
}

.layout-full-width-block--content-page {
  padding: 0;
}

@media all and (max-width: 767px) {
  .top-bar {
    padding: 0;
  }
}
@media all and (min-width: 1199px) {
  .layout-full-width-block {
    padding: 0;
  }
}
.box-carousel {
  background-color: #c6002a;
}

.l-container > .hst-container {
  gap: inherit;
  display: inherit;
  flex-direction: inherit;
}

.l-container,
.box-carousel .slide.text,
.hero__content,
.header__sub-title,
.layout-full-width-block__content,
.top-bar__content,
.submenu__list,
div.content > .container,
.landing-page__header .header__container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.box-carousel .slide.text {
  position: static;
}

@media all and (max-width: 1140px) and (min-width: 1199px) {
  .l-container,
.layout-full-width-block__content {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.content {
  padding-bottom: 2rem;
}

.content-page {
  position: relative;
}

.content-page .entry-title {
  grid-area: title;
  max-height: none;
  margin: 0;
}

div#main .container_12 {
  max-width: 1200px;
  margin: 0 auto;
}

/*! deprecated dark background on 'Werken bij Avans'. */
/* @media all and (min-width: 1199px) {
    .layout-full-width-block--content-page {
        position: relative;
    }

    .layout-full-width-block--content-page:after {
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: calc(50.01% + 293px);
        content: "";
        background-color: rgba(238, 238, 238, 0.5);
    }
} */
@media all and (max-width: 767px) {
  .simple-content-page__content,
.content-page__content {
    padding-top: 0.9375rem;
  }
  .simple-content-page__content table,
.content-page__content table {
    width: 100% !important;
  }

  .content-page__aside-container,
.content-page__content,
.simple-content-page__content {
    padding: 1.875rem 1rem 0.9375rem;
  }

  .content-page__menu {
    padding: 0 1.25rem;
  }
}
.content-page__aside-container {
  padding-top: 3rem;
}

@media all and (min-width: 768px) {
  .content-page__aside-container {
    padding-right: 0;
  }
}
@media all and (min-width: 1199px) {
  .service-page-header {
    margin-top: 1.875rem;
  }
}
.breakout-box {
  z-index: 5;
  width: 100%;
  padding: 1rem 1rem 1rem 0;
  background-color: #fff;
}

@media all and (min-width: 1199px) {
  div#main:not(.layout-2col) > .container_12,
.content-page,
.content-page-simple {
    display: -ms-grid;
    display: grid;
    grid-gap: 1.5rem;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .content-page {
    -ms-grid-columns: 263px 20px 556px 20px 263px;
    -ms-grid-rows: auto auto 1fr;
    grid-template-areas: "nav wide-header wide-header" "nav title title" "nav main aside";
    grid-template-columns: 300px 1fr 282px;
    grid-template-rows: auto auto 1fr;
  }

  .content-page-simple {
    grid-template-areas: "nav header" "nav main";
    -ms-grid-columns: 300px 1.5rem 1fr;
    grid-template-columns: 300px 1fr;
    grid-template-rows: auto 1fr;
  }

  .landing-page #main > .container_12.container_12 {
    display: block;
  }

  div#main > #contact-locations-grid {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
  }

  div#main > #contact-locations-grid:before {
    display: none;
    content: "";
  }

  div#main > #contact-locations-grid .equal-heights {
    height: auto !important;
  }

  div:not(.landing-page) div#main .container_12 > .grid_3,
.page-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    grid-area: nav;
  }

  .main-content {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: main;
  }

  .simple-content-page__content {
    -ms-grid-row: 1;
  }

  .content-page__aside {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
    grid-area: aside;
  }

  div#main .container_12 > .grid_9,
.service-page-header {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    grid-area: wide-header;
  }
}
@media all and (min-width: 1199px) {
  .content-page__menu {
    padding-left: 0;
  }

  .content-page__content {
    margin-bottom: 1.875rem;
    padding-right: 0;
    padding-left: 0;
  }

  /* .content-page__content .breakout-box {
      width: calc(556px + 298px);
  } */
  .breakout-box {
    padding: 0 0 1rem 0;
  }

  .content-page__content .breakout-box {
    padding-right: 1rem;
    background-color: #fff;
  }
}
@media all and (max-width: 1199px) {
  .content-page__aside {
    background-color: rgba(238, 238, 238, 0.5);
  }

  .content-page__menu {
    padding-bottom: 0;
    margin: 0 auto;
  }
}
@media all and (max-width: 991px) and (min-width: 768px) {
  .content-page__aside-container,
.content-page__menu,
.content-page__content,
.simple-content-page__content,
.header,
.header__sub-title,
.page-menu,
.resultpage__content,
.resultpage__aside,
.resultpage__header,
.resultpage__footer,
div.content > .container,
.landing-page__article > h2,
.landing-page__article .header__container,
.l-container,
.box-carousel .slide.text,
.landing-page__header .header__container,
.landing-page__article,
.page-footer__content,
.hero__content,
.header__sub-title,
.top-bar__content,
.active-filters__container,
.disclaimer__container,
.resultpage__list #programFinderForm {
    max-width: 720px;
    margin: 0 auto;
  }

  .content-page__aside-container,
.page-menu {
    margin: 0 auto;
  }
}
@media all and (max-width: 1199px) and (min-width: 991px) {
  .l-container,
.layout-full-width-block__content,
.page-footer__content,
.top-bar__content,
.hero__content,
.header__sub-title,
.submenu__list,
.disclaimer__container,
div.content > .container,
.landing-page__header .header__container {
    max-width: 960px;
  }
}
@media all and (min-width: 556px) {
  .content-page__content,
.simple-content-page__content {
    min-width: 556px;
    width: 100%;
    margin: 1.25rem auto 1.875rem auto;
  }
}
.content-page .entry-title + .content-page__content,
.content-page .entry-title + .simple-content-page__content {
  margin-top: 0;
}

.content-page .entry-title + .content-page__content + .content-page__aside .content-page__aside-container,
.content-page .entry-title + .simple-content-page__content + .content-page__aside .content-page__aside-container {
  padding-top: 0;
}

@media all and (max-width: 767px) {
  .content-page .entry-title {
    padding: 0 1.25rem;
  }
}
@media all and (min-width: 768px) and (max-width: 991px) {
  .content-page .entry-title {
    max-width: 720px;
    margin: 1rem auto;
  }
}
@media all and (max-width: 1199px) {
  .content-page .entry-title {
    margin-top: 1rem;
  }
}
@media all and (max-width: 767px) {
  .breakout-box {
    overflow: scroll;
    width: 100%;
  }

  /* -- AR-2933 Samenvoegen locaties tabellen quick cleanup -- */
  .accordion-item__content .breakout-box {
    padding: 0;
  }

  .accordion-item__content .breakout-box .nav-tabs .tab__item {
    margin-left: 0;
  }

  /* -- AR-2933 -- */
}
.landing-page__header,
.landing-page__article {
  padding: 0.5rem 1.5rem 1rem;
}

.landing-page__header,
.landing-page .inner {
  padding: 7.8rem 0 0.5rem 0;
  color: #fff;
  background-color: #c6002a;
}

@media all and (max-width: 991px) {
  .landing-page__header,
.landing-page .inner {
    padding: 1.5rem 0 0.5rem 0;
  }
}
.landing-page__header .header__title {
  font-family: "Frutiger LT STD 77 Black Condensed", helvetica, sans-serif;
  font-size: 2.5rem;
  line-height: 3rem;
  max-height: 9rem;
}

.landing-page__header .header__subtitle {
  font-family: "Frutiger LT STD 77 Black Condensed", helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  padding-bottom: 1.5rem;
  max-height: 3rem;
  margin: 3rem 0 0.5rem 0;
  border-bottom: 1px solid #e0e0e0;
}

.landing-page__header .header__container {
  padding: 0 1rem;
}

.landing-page__header .location__item {
  font-size: 0.875rem;
  margin-bottom: 1rem;
}

.landing-page__header p {
  font-size: 1rem;
  line-height: 2rem;
}

.landing-page__header .p-tel {
  margin-bottom: 0.25rem;
  text-decoration: none;
  color: inherit;
  display: flex;
  align-items: center;
}

.landing-page__header .p-tel a {
  text-decoration: none;
  color: white;
}

p.p-tel_widget {
  display: flex;
  align-items: center;
}

.p-tel a.feather-icon,
.p-tel_widget a.feather-icon {
  font-size: 1.3rem;
  margin-right: 0.6rem;
  text-decoration: none;
  color: inherit;
}

@media all and (min-width: 768px) {
  .landing-page__article {
    padding-left: 1.5rem;
  }
}
@media all and (min-width: 991px) {
  .landing-page .hentry h2 {
    font-size: 2rem;
  }
}
.landing-page .equal-heights .box {
  height: auto !important;
  padding-left: 0.5rem;
}

.landing-page .equal-heights .box p {
  margin-bottom: 0;
}

.landing-page .box-event-teaser.box-event-teaser {
  padding-left: 5rem;
}

.landing-page .box-team-member h3 {
  margin-top: 0;
}

.landing-page .box-team-member img {
  padding: 1rem 1rem 1rem 0;
}

.landing-page .box-team-member .body.body {
  padding: 1rem 1rem 1rem 185px;
}

@media all and (max-width: 550px) {
  .landing-page .box-team-member {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .landing-page .box-team-member .body.body {
    padding-left: 0;
  }
}
.landing-page .hst-container-item:nth-child(even) {
  margin-left: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  .landing-page .hst-container-item {
    width: 100%;
    max-width: 100%;
  }
}
.landing-page .inner p {
  margin-bottom: 0.5rem;
}

.landing-page .inner p:last-child {
  color: #000001;
}

.landing-page .hst-container.content-page__aside-container {
  padding-top: 0;
}

.hasSticky--header .header__container,
.hasSticky--noHeader .header__container {
  position: -webkit-sticky;
  position: sticky;
  z-index: 5;
  padding: 1rem 0 0 0;
  background-color: white;
}

.hasSticky--header .header__container .btn + .btn,
.hasSticky--noHeader .header__container .btn + .btn {
  margin-top: 0;
}

.hasSticky--header .header__container {
  top: -1px;
}

.hasSticky--noHeader .header__container {
  top: 0rem;
}

.landing-page__article h2:first-child {
  padding-top: 0;
}

h2:target {
  padding-top: var(--padding-top);
}

.hasSticky--header h2:target {
  --padding-top: 11rem;
}

@media all and (min-width: 540px) {
  .hasSticky--header h2:target {
    --padding-top: 7rem;
  }
}
@media all and (min-width: 768px) {
  .hasSticky--header h2:target {
    --padding-top: 7rem;
  }
}
@media all and (min-width: 991px) {
  .hasSticky--header h2:target {
    --padding-top: 8rem;
  }
}
.hasSticky--noHeader h2:target {
  --padding-top: 9rem;
}

@media all and (min-width: 540px) {
  .hasSticky--noHeader h2:target {
    --padding-top: 5rem;
  }
}
@media all and (min-width: 768px) {
  .hasSticky--noHeader h2:target {
    --padding-top: 5rem;
  }
}
@media all and (min-width: 991px) {
  .hasSticky--noHeader h2:target {
    --padding-top: 6rem;
  }
}
@media all and (min-width: 768px) {
  .landing-page__header .header__container {
    padding: 0 2rem;
    text-align: left;
  }

  /* .landing-page__header .header__container h2 {
      margin-top: -1rem;
  } */
  /* .landing-page__article {
      padding-top: 3rem;
  } */
}
@media all and (min-width: 991px) {
  .landing-page {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 35% 65%;
    grid-template-columns: 35% 65%;
  }

  .landing-page #main,
.landing-page .landing-page__article {
    max-width: 840px;
    -ms-grid-column: 2;
  }

  .landing-page .box-carousel {
    margin-bottom: 0;
  }

  .landing-page .landing-page__header,
.landing-page .box-carousel .slide.text .outer {
    position: static;
    display: block;
  }

  .landing-page .landing-page__header {
    text-align: right;
  }

  .landing-page .landing-page__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: space-before;
    justify-content: space-before;
  }

  .landing-page .landing-page__header,
.landing-page .landing-page .box-carousel {
    position: relative;
  }

  .landing-page .landing-page__header .header__container,
.landing-page .landing-page .box-carousel .header__container {
    position: -webkit-sticky;
    position: sticky;
    top: 2rem;
  }
}
@media all and (min-width: 1199px) {
  .landing-page__header .header__container {
    max-width: 504px;
    margin: 0;
    padding: 0 3rem;
  }
}
.location__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media all and (max-width: 767px) {
  .box-carousel.large .slide.text p,
.box-carousel.medium .slide.text p {
    font-size: 3rem;
  }

  .location__item {
    -ms-flex: 0 1 33%;
    flex: 0 1 33%;
  }

  .box-team-member figure {
    width: auto;
    margin-right: 1em;
  }
}
.box-team-member figure {
  width: 170px;
  margin-left: 0.5rem;
}

@media all and (max-width: 767px) {
  .box-carousel.large .slide.text p,
.box-carousel.medium .slide.text p {
    font-size: 2rem;
  }
}
@media all and (max-width: 991px) {
  .box-carousel.medium .slide.text p {
    font-size: 3rem;
  }
}
@media all and (max-width: 539px) {
  .location__item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
.avans-link.avans-link--location {
  display: inline-block;
  color: #fff;
}

.avans-link.avans-link--location:before {
  border-color: #fff;
}

.avans-link.avans-link--location:hover {
  text-decoration: underline;
  color: #fff;
}

.avans-link.avans-link--location:hover:before {
  border-color: #fff;
}

.p-post-office-box {
  display: block;
}

.p-name {
  margin-bottom: 0;
}

.landing-page .box-editorial {
  margin-bottom: 0;
}

.landing-page .container_12 {
  padding: 0rem 1.25rem 0.9rem;
}

.landing-page .box-teaser-list {
  padding: 0.75rem;
}

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.monotype.com/
*/
/*
OLD FONTS
font-family:'Frutiger LT W01_66 Bold Italic'; => Missing not used here
font-family:'Frutiger LT W01_46 Ligh1475734'; => Missing not used here
font-family:'Frutiger LT W01_56 Italic'; => Missing not user here

font-family:'FrutigerLTW05-45Light';
font-family:'FrutigerLTW05-65Bold';
font-family:'FrutigerLTW05-55Roman';
font-family:'Frutiger LT STD 77 Black Condensed';
*/
@font-face {
  font-family: "FrutigerLTW05-45Light";
  src: url("/assets/fonts/FrutigerLTW05/FrutigerLTW05-45Light.woff2") format("woff2"), url("/assets/fonts/FrutigerLTW05/FrutigerLTW05-45Light.woff") format("woff");
}
@font-face {
  font-family: "FrutigerLTW05-55Roman";
  src: url("/assets/fonts/FrutigerLTW05/FrutigerLTW05-55Roman.woff2") format("woff2"), url("/assets/fonts/FrutigerLTW05/FrutigerLTW05-55Roman.woff") format("woff");
}
@font-face {
  font-family: "FrutigerLTW05-65Bold";
  src: url("/assets/fonts/FrutigerLTW05/FrutigerLTW05-65Bold.woff2") format("woff2"), url("/assets/fonts/FrutigerLTW05/FrutigerLTW05-65Bold.woff") format("woff");
}
@font-face {
  font-family: "Frutiger LT STD 77 Black Condensed";
  src: url("/assets/fonts/FrutigerLTW05/FrutigerLTW05-77BlackCond.woff2") format("woff2"), url("/assets/fonts/FrutigerLTW05/FrutigerLTW05-77BlackCond.woff") format("woff");
}
b,
.content__header,
.grid__caption,
button,
label:not([class]),
.btn,
.btn-black,
input[type=submit],
legend,
.widget h1,
.nav__link,
.header-font,
.paragraph--intro,
.intro,
.page-menu-block__header,
.page-menu__link--active,
.schedule__header--head,
.result-block .result-block__title,
.widget-content-aside .title,
.widget-content-aside .subtitle,
.widget-content-aside .subtitle p,
.header__sub-title,
.skip-link,
.address__header,
.slide__header {
  font-family: "FrutigerLTW05-65Bold", helvetica, sans-serif;
  font-weight: normal;
  transition: all 0.1s ease-in-out;
}

.banner-title,
.banner-subtitle,
.header-title,
.slide p,
.slide__header,
.new-landing-page__header--red p {
  font-family: "Frutiger LT STD 77 Black Condensed", helvetica, sans-serif;
  font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Frutiger LT STD 77 Black Condensed", helvetica, sans-serif;
  font-weight: normal;
  text-shadow: none;
  /* margin: 0 0 1.5rem 0; */
}

/* h1 {
    font-size: 3rem;
    line-height: 3.5rem;
} */
h1,
h2,
h3,
h4,
h5,
h6 {
  /* max-height: none!important; */
  overflow: hidden;
}

h1 {
  font-size: 2.5rem;
  line-height: 3rem;
  max-height: 6rem;
}

h2 {
  font-size: 2rem;
  line-height: 2.5rem;
  max-height: 5rem;
}

h3 {
  font-size: 1.5rem;
  line-height: 2rem;
  max-height: 4rem;
}

h4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  max-height: 3.5rem;
}

h5,
h6 {
  font-size: 1rem;
  line-height: 1.5rem;
  max-height: 3rem;
}

@media all and (max-width: 767px) {
  h1 {
    font-size: 2rem;
    line-height: 2.5rem;
    max-height: 5rem;
  }

  h2 {
    font-size: 1.75rem;
    line-height: 2.25rem;
    max-height: 4.5rem;
  }

  h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    max-height: 4rem;
  }

  h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    max-height: 3.5rem;
  }

  h5,
h6 {
    font-size: 1rem;
    line-height: 1.5rem;
    max-height: 3rem;
  }
}
body,
input,
.tab__link,
.btn--filter,
.nav__link--sub,
.result-block__location,
.result-block__location-program,
.link-box__header-payoff.link-box__header-payoff {
  font-family: "FrutigerLTW05-55Roman", helvetica, sans-serif;
  font-weight: normal;
}

.result-block__date-news,
.content-page__content p,
#main p,
.main-content li,
.widget__link,
.link-list,
table,
.grid__caption:before {
  color: #555555;
}

/* .main-content {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
} */
.main-content p:after {
  /* AR-1703 removed display: table;*/
  clear: both;
  content: "";
}

.main-content .slider .slide__header {
  margin-bottom: 1.5rem;
}

.main-content .slider .slide__container {
  gap: 0px;
}

p:empty {
  display: none;
}

html,
body,
input,
button,
select,
.entry-content {
  font-size: 1em;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}

.slide p {
  font-size: 2.5rem;
}

p {
  margin: 0 0 1.5rem 0;
  line-height: 1.5rem;
}

.main-content h4 .content-page__content,
.content-page__content li:not(.pagination__item) {
  line-height: 2rem;
}

li:not(.pagination__item)::marker {
  color: #C6002A;
}

a {
  color: #000001;
}

.field.field .input:not(.input--checkbox),
.field.field input:not([class]),
.field.field textarea,
.field.field select,
form .input:not(.input--checkbox),
form input:not([class]),
form textarea,
form select {
  font-size: 1rem;
  display: block;
  width: 100%;
  margin: 0;
  margin-bottom: 1.5rem;
  padding: 0.75rem 1rem;
  border: 1px solid #ccc;
  background-color: #fff;
  color: #999999;
  border-radius: 8px;
  box-shadow: none;
}

.field.field input.input--checkbox,
form input.input--checkbox {
  width: auto;
}

.field.field label:not([class]),
form label:not([class]) {
  display: block;
  margin-bottom: 1rem;
}

.field.field .buttons,
form .buttons {
  margin: 0;
}

/*
.accordion .has-sublevel {
    position: relative;
}
.accordion .toggle.toggle {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 2rem;

    text-indent: 999em;

    outline: 1px solid red;
    background: none;

    whitespace: no-wrap;
    &:after {
        position: absolute;
        top: 1rem;
        right: 5px;

        display: block;
        overflow: hidden;

        width: 13px;
        height: 13px;

        content: '';

        outline: 1px solid green;
        background-image: url(../img/sprites/site.png);
        background-repeat: no-repeat;
        background-position: -546px -467px;
    }
}
*/
.p-street-address,
.p-tel,
.p-post-office-box {
  display: block;
}

input[type=submit] {
  background: none;
}

input[type=submit],
form input[type=submit],
.btn,
.btn-black {
  background: none;
  position: relative;
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  margin-right: 1rem;
  /* margin-bottom: 1rem; */
  border: 0;
  border-radius: 24px;
  padding: 0.75rem 2.5rem 0.75rem 1.5rem;
  line-height: 1.5rem;
  min-height: 3rem;
  min-width: 3rem;
  transition: all 0.1s ease-in-out;
}

a.btn {
  text-decoration: none;
}

.btn.btn--noicon {
  padding-right: 1.375rem;
}

.btn.btn--noicon:before {
  content: none;
}

.btn .fi,
.btn .feather-icon {
  font-size: 1.75rem;
  line-height: 1.5rem;
}

.btn--link .fi,
.btn--link .feather-icon {
  font-size: 1.6rem;
}

.btn:before {
  position: absolute;
  left: auto;
  right: 1.5rem;
  top: calc(50% - 6px);
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(-45deg);
  border: 1px solid #ffffff;
  border-width: 0 2px 2px 0;
  border-radius: 1px;
}

.btn--previous:before {
  right: auto;
  left: 1.5rem;
  transform: rotate(135deg);
}

.btn.btn--previous {
  padding-right: 1.5rem;
  padding-left: 2.5rem;
}

input[type=submit],
form input[type=submit],
.box-program-finder-form input[type=submit],
.btn--primary,
.btn--quaternary {
  color: #fff;
  background-color: #c6002a;
}

input[type=submit]:hover,
form input[type=submit]:hover,
.box-program-finder-form input[type=submit]:hover,
.btn--primary:hover,
.btn--quaternary:hover,
.btn-black:hover {
  color: #fff;
  background-color: #830d26;
}

.btn-black {
  float: none;
  height: auto;
  text-transform: none;
  color: #fff;
  background-color: #212121;
}

.box-program-finder-form input[type=submit] {
  background-color: #000001;
}

.box-program-finder-form input[type=submit]:hover {
  color: #000001;
  background: #fff;
}

.btn--secondary,
.btn--tertiary {
  color: #fff;
  background-color: #2a8bbf;
}

.btn--secondary:hover,
.btn--tertiary:hover {
  color: #fff;
  background-color: #266180;
}

.btn--tertiary-gray {
  text-align: center;
  min-width: 116px;
  color: #fff;
  background-color: #000001;
}

.btn--tertiary-gray:hover {
  text-align: center;
  min-width: 116px;
  color: #fff;
  background-color: #999;
}

.btn--outline {
  background: none;
  padding: 0.625rem 2.375rem 0.625rem 1.375rem;
}

.btn--primary.btn--outline,
.btn--quaternary.btn--outline {
  color: #c6002a;
  border: 2px solid #c6002a;
}

.btn--primary.btn--outline:before,
.btn--quaternary.btn--outline:before {
  border-color: #c6002a;
}

.btn--primary.btn--outline:hover,
.btn--quaternary.btn--outline:hover {
  color: #830d26;
  border: 2px solid #830d26;
  background: rgba(198, 0, 42, 0.3);
}

.btn--primary.btn--outline:hover:before,
.btn--quaternary.btn--outline:before:hover {
  border-color: #830d26;
}

.btn--secondary.btn--outline,
.btn--tertiary.btn--outline {
  color: #2a8bbf;
  border: 2px solid #2a8bbf;
}

.btn--secondary.btn--outline:before,
.btn--tertiary.btn--outline:before {
  border-color: #2a8bbf;
}

.btn--secondary.btn--outline:hover,
.btn--tertiary.btn--outline:hover {
  color: #26607f;
  border: 2px solid #26607f;
  background: rgba(34, 111, 152, 0.3);
}

.btn--secondary.btn--outline:hover:before,
.btn--tertiary.btn--outline:hover:before {
  border-color: #26607f;
}

.btn-black.btn--outline {
  color: #212121 !important;
  border: 2px solid #212121;
}

.btn-black.btn--outline:hover {
  color: #ffffff !important;
}

.btn-black.btn--outline:before {
  border-color: #212121;
}

.btn-black.btn--outline:hover:before {
  border-color: #ffffff;
}

.btn--landing-page-header {
  margin-right: 0;
}

.btn--hidden {
  position: absolute;
  left: -999em;
}

a.btn.disabled {
  background-color: #cccccc;
  color: #767676;
}

a.btn.disabled:before {
  border-color: #767676;
}

a.btn.disabled.btn--outline {
  border-color: #cccccc;
  color: #767676;
  background: none;
}

a.btn.disabled.btn--outline:before {
  border-color: #767676;
}

.btn--widget,
form input[type=submit] {
  width: 248px;
  max-width: 100%;
  margin: 0.625rem 0;
}

@media all and (max-width: 399px) {
  .btn--widget,
form input[type=submit] {
    width: 100%;
  }
}
a.btn--widget {
  display: block;
  text-align: center;
}

.pagination .button {
  font-size: 14px;
  background: none;
}

.pagination .button:hover {
  color: #00aceb;
}

@media all and (max-width: 319px) {
  .btn:not(.btn--page-menu),
.btn:not(.btn--tertiary) {
    width: 100%;
  }

  .btn + .btn {
    margin-top: 1rem;
  }
}
.filter__item {
  font-size: 0.875rem;
  line-height: 1;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0.875rem 0;
}

.filter__item:hover {
  color: #00aceb;
}

.input--filter.input--filter {
  display: inline-block;
  width: auto;
  margin: 0.1rem 0.875rem 0 0;
  padding: 0;
}

.input:not([type=checkbox]) {
  display: block;
  width: calc(100% - 3rem);
  margin: 1rem;
  padding: 1rem;
  border-width: 0 0 1px 0;
  border-radius: 0;
}

input.input:hover {
  border: 1px solid #777777;
}

input.input:focus {
  outline: none;
  color: #212121;
}

input[type=search] {
  -webkit-appearance: none;
}

input[type=checkbox] {
  -webkit-appearance: checkbox;
}

.faq__question::-webkit-details-marker {
  display: none;
}

.faq__question {
  position: relative;
  display: block;
}

.faq__question:after {
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "\00005E";
  transition: 0.2s transform ease;
  transform-origin: 50% 50% 0;
  text-align: center;
  color: #fff;
  border: 1px solid #999;
  border-radius: 1rem;
  background-color: #999;
}

[open] .faq__question:after {
  transform: rotate(180deg);
  border-color: #00aceb;
  background-color: #00aceb;
}

.faq__question:focus,
.faq__question:hover {
  color: #00aceb;
}

.faq {
  margin: 0.9375rem;
}

/*
    for iframes with google maps

    https://www.labnol.org/internet/embed-responsive-google-maps/28333/
*/
.google-maps {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 75%;
}

.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

@media all and (min-width: 991px) {
  .grid__link {
    max-width: 263px;
  }
}
.grid__image-container {
  position: relative;
}

.grid__image-container:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.grid__image-container:before .grid__link:hover .grid__image-container:before,
.grid__image-container:before .grid__link:focus .grid__image-container:before {
  background-color: rgba(0, 172, 235, 0.2);
}

.grid__image {
  max-height: 175px;
  object-fit: cover;
  border-radius: 0.1px;
}

.grid__caption {
  position: relative;
  padding: 1rem;
}

.grid__caption:before {
  position: absolute;
  right: 1.5rem;
  top: calc(50% - 6px);
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(-45deg);
  border: 1px solid #c6002a;
  border-width: 0 2px 2px 0;
  border-radius: 1px;
}

figure img {
  border-radius: unset;
}

.grid__link:hover .grid__caption:before,
.grid__link:focus .grid__caption:before {
  border-color: #00aceb;
}

.page-header__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.page-header {
  -ms-flex: 1;
  flex: 1;
}

@media all and (max-width: 767px) {
  .page-header.page-header {
    font-size: 1.5rem;
  }

  .grid__caption {
    width: 100%;
  }
}
.page-header__switch {
  overflow: hidden;
  width: 1.875rem;
  height: 1.875rem;
  white-space: nowrap;
  text-indent: 4rem;
  background-color: #999;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.9375rem;
}

.page-header__switch + .page-header__switch {
  margin-left: 0.625rem;
}

.page-header__switch--active,
.page-header__switch:hover,
.page-header__switch:focus {
  background-color: #00aceb;
}

.page-header__switch--full {
  background-image: url("../img/icons/page-header__switch--full.svg");
}

.page-header__switch--compact {
  background-image: url("../img/icons/page-header__switch--compact.svg");
}

.image__container {
  width: 100%;
}

.image__container .image {
  width: 100%;
}

.image__container .image--sizes {
  width: auto;
}

.image__container--intro {
  padding: 2rem 0;
}

.link,
.link:before {
  transition: all 0.2s ease-in-out;
}

/*
1rem     16px
0.5rem    8px
0.25rem   4px
0.125rem  2px
*/
.link .list-item__content {
  padding-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.link-list .list-item .link {
  padding-left: 2rem;
}

.link-list .list-item:hover .link {
  padding-left: 2.5rem;
}

.link-list .list-item:hover .link:before {
  border-color: #2a8bbf;
  left: 0.5rem;
}

.link-list .list-item:hover .link {
  background: #bdd8ee;
  border-radius: 12px;
  color: #226f98;
}

.link-list .link {
  position: relative;
}

.link-list .link:before {
  position: absolute;
  left: 0;
  top: 22px;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(-45deg);
  border: 1px solid #c6002a;
  border-width: 0 2px 2px 0;
  border-radius: 1px;
  transition: all 0.2s ease-in-out;
}

.logo {
  width: 157px;
  transition: width 0.5s ease;
}

@media all and (max-width: 991px) {
  .logo.search-active {
    display: none;
  }
}
.logo a:focus {
  outline: none;
}

@media all and (max-width: 767px) {
  .logo {
    width: 122px;
    height: 60px;
    padding-top: 18px;
  }

  .logo__img {
    width: 122px;
    height: 36px;
  }
}
.slide {
  position: relative;
  width: 100vw;
  min-height: 480px;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.cycle-slideshow img.slide {
  width: 100%;
  height: auto;
  min-height: auto;
}

.slide .slide__background {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  background-size: cover;
  width: 100%;
  height: 100%;
  transition: all 1s ease-in-out;
}

.slide:hover .slide__background {
  transform: scale(1.05, 1.05);
}

@media all and (min-width: 991px) {
  .slider .slide {
    min-height: 560px;
  }

  .slide .slide__background {
    background-position: 50% calc(50% - 50px);
  }

  .slide:hover:after {
    opacity: 0.5;
    /* background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.15) 0%,
        rgba(0, 0, 0, 0.4) 100%
    ); */
  }
}
.slide:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: all 1s ease-in-out;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.4) 100%);
  opacity: 1;
}

.slide .slide__header--boog {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  color: #eeedef;
  width: 100%;
  height: auto;
}

.landing-page .slide:after {
  background: transparent;
}

.slide__container {
  position: relative;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 0 3rem 4rem;
  padding: 0 var(--side-padding) var(--bottom-padding);
  -ms-flex-pack: center;
  justify-content: center;
}

.slide__header {
  text-transform: uppercase;
  color: #fff;
  overflow: hidden;
}

.slider .slide .slide__header {
  max-height: none;
}

.slide__subtitle {
  color: #fff;
  font-size: 1.5rem;
  font-weight: normal;
  font-family: "FrutigerLTW05-55Roman", helvetica, sans-serif;
  margin-bottom: 1.5rem;
  line-height: 2rem;
  max-height: 2rem;
}

.slide__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}

.avans-video__container {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
}

.avans-video__container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.h-cards__container {
  display: -ms-flexbox;
  display: flex;
}

@media all and (max-width: 539px) {
  .h-cards__container {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media all and (min-width: 540px) {
  .h-cards__container {
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.address {
  width: 95%;
  margin-right: 5%;
}

.address__list {
  padding-left: 0;
  list-style: none;
}

.address__item .avans-link {
  line-height: 2;
}

.attention-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 1.5rem;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.attention-block .btn {
  margin-bottom: 0;
}

.attention-block--white {
  background-color: #fff;
}

.attention-block--grey {
  background-color: #f6f6f6;
}

.attention-block--black {
  color: #fff;
  background-color: #212121;
}

.attention-block--black a {
  color: #fff;
}

.attention-block--red {
  background-color: #e899aa;
}

.cta-block__container:hover .cta-block--red,
.cta-block__container:hover .attention-block--red {
  color: #ffffff;
  background-color: #d74d6a;
}

.attention-block--red a {
  color: #fff;
}

.attention-block--blue {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), #2a8bbf;
}

.cta-block__container:hover .attention-block--blue {
  color: #ffffff;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #2a8bbf;
}

.attention-block--blue a {
  color: #fff;
}

.attention-block__buttons {
  z-index: 5;
  padding-top: 1rem;
  padding-left: 0;
  padding-right: 0;
}

.attention-block--red .btn--quaternary,
.attention-block--white .btn--quaternary,
.attention-block--grey .btn--quaternary {
  background-color: #c6002a;
}

.attention-block--red .btn--quaternary:hover,
.attention-block--white .btn--quaternary:hover,
.attention-block--grey .btn--quaternary:hover {
  background-color: #830d26;
}

.attention-block--blue .btn--quaternary,
.attention-block--black .btn--quaternary {
  background-color: #2a8bbf;
}

.attention-block--blue .btn--quaternary:hover,
.attention-block--black .btn--quaternary:hover {
  background-color: #266180;
}

.attention-block__content h2,
.attention-block__content h3 {
  font-size: 1.5rem;
  line-height: 2rem;
}

.attention-block__buttons .btn {
  margin: 0;
}

.btn-bar {
  margin: 1.5rem 0;
}

.homepage__top .btn-bar {
  margin-bottom: 0;
}

@media all and (max-width: 539px) {
  .btn-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: flex-start;
  }
}
.connect-widget {
  position: relative;
  margin-bottom: 2rem;
  padding: 150px 0 0 0;
  background-repeat: no-repeat;
  background-position: center 50px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 0 1px #d7d7d7, 0px 6px 12px rgba(33, 33, 33, 0.12);
}

@media all and (min-width: 768px) {
  .connect-widget {
    min-height: 150px;
    padding: 0 0 0 240px;
  }
}
.connect-widget--facebook {
  background-color: #3b5998;
  background-image: url(../img/facebook.svg);
}

@media all and (min-width: 768px) {
  .connect-widget--facebook {
    background-position: 104px center;
  }
}
.connect-widget--linkedin {
  background-color: #0077b5;
  background-image: url(../img/linkedin.svg);
}

@media all and (min-width: 768px) {
  .connect-widget--linkedin {
    background-position: 90px center;
  }
}
.connect-widget__container {
  padding: 1rem;
  background-color: white;
}

@media all and (min-width: 768px) {
  .connect-widget__container {
    min-height: 150px;
  }
}
.connect-widget__container p {
  margin-bottom: 0.4rem;
}

.connect-widget__header {
  margin: 0 0 0.45rem;
}

.connect-widget .connect-widget__select.connect-widget__select {
  margin-bottom: 0;
  padding: 0.5rem 1rem;
}

.connect-widget .nav-tree {
  overflow: hidden;
}

.connect-widget .nav-tree a {
  text-decoration: none;
  color: #999;
  padding: 0.75rem 0 0.75rem 2rem;
  display: block;
}

.connect-widget .nav-tree a.active {
  color: #212121;
}

.connect-widget .nav-tree a:hover {
  background-color: transparent;
  color: #00aceb;
}

.connect-widget .nav-tree a:hover + span.toggle:before {
  border-color: #00aceb;
}

.connect-widget .nav-tree .toggle {
  position: absolute;
  top: 0.875rem;
  right: 5px;
  width: 19px;
  height: 19px;
  cursor: pointer;
  background: none;
}

/*
    cookies

*/
.lang--en {
  display: none;
}

.cookie {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  overflow: auto;
  width: 100vw;
  border-top: 5px solid #c6002a;
  background: rgba(255, 255, 255, 0.95);
}

.cookie input[type=checkbox] {
  margin-right: 10px;
  -webkit-appearance: checkbox;
}

.cookie li {
  padding-bottom: 10px;
  padding-left: 1.5em;
  list-style: none;
}

.cookie li p {
  margin-left: 0;
}

.cookie__content {
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 10px;
}

.lang__switch {
  text-align: right;
}

.lang__switch a {
  padding-left: 10px;
}

.cookie__list {
  position: absolute;
  left: -999em;
  height: 0;
  transition: height 0.3s ease-out;
}

.cookie__list:target {
  position: static;
  height: 100vh;
}

/*
/	cookies

*/
.filters {
  margin: 0;
  padding: 0;
  border: 0;
}

.filters__header {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #eeeeee;
  padding: 1.5rem 0;
  cursor: pointer;
}

.filters__header:hover,
.filters__header:hover .feather-icon {
  color: #2a8bbf;
}

.filters__header h5 {
  margin: 0;
}

.filters .feather-icon {
  font-size: 1.5rem;
  color: #999;
  margin-right: 0.5rem;
  transition: all 0.2s ease-in-out;
}

.filters.open .feather-icon {
  transform: rotate(180deg);
}

.filters__list {
  margin: 0;
}

.grid {
  display: -ms-grid;
  display: grid;
  margin: 0;
  padding-left: 0;
  list-style: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.grid__item {
  position: relative;
  color: #212121;
  border-radius: 12px;
  left: 0;
  top: 0;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  box-shadow: 0px 6px 12px rgba(33, 33, 33, 0.12);
  height: 100%;
}

.grid__item-container:hover .grid__item,
.grid__item-container:focus .grid__item {
  top: -0.25rem;
  left: 0;
  box-shadow: 0px 12px 24px rgba(33, 33, 33, 0.4);
}

.header-image__image {
  width: 100%;
}

.image-block__container.l-hp-2 {
  background: none;
}

.image-block {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 12px;
  overflow: hidden;
  height: 100%;
}

.event-block {
  /* padding: 1.5rem; */
  background-color: #e899aa;
}

.event-block .event-block__content {
  flex: 1;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
}

.event-block .event-block__buttons {
  padding: 0 1.5rem 1.5rem;
}

.event-block .event-block__item {
  display: block;
  padding: 1.5rem 1.5rem 0;
  color: #212121;
  transition: all 0.2s ease-in-out;
}

.event-block .event-block__item p {
  margin: 0;
}

.event-block .event-block__item:hover {
  color: #ffffff;
  background-color: #d74d6a;
}

.event-block .event-block__item:not(:first-child) {
  padding-top: 1.5rem;
}

.event-block .event-block__item .event-block__line {
  display: block;
  padding-bottom: 1.5rem;
}

.event-block .event-block__item:not(:last-child) .event-block__line {
  border-bottom: 1px solid #3338;
}

@media all and (max-width: 991px) {
  .event-block .event-block__item,
.event-block .event-block__buttons {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.l-container {
  grid-gap: 1rem;
  display: flex;
  flex-direction: column;
}

.l-hp-2 {
  position: relative;
  width: 100%;
  min-height: 328px;
  background-color: #c6002a;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media all and (min-width: 991px) {
  .l-hp-2 {
    background-position: top center;
    background-size: cover;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media all and (max-width: 991px) and (min-width: 768px) {
  .l-hp-2 {
    height: 290px;
    min-height: auto;
    /* padding-left: calc(50% + 30px); */
    background-position: calc(20px - 50vw) 0;
    background-size: cover;
  }
}
@media all and (max-width: 539px) {
  .homepage__top .cta-block__container {
    height: auto;
    min-height: 328px;
  }

  .homepage__top .cta-block__container a,
.homepage__top .cta-block__container .cta-block {
    min-height: inherit;
  }
}
@media all and (max-width: 991px) {
  .image-block__header {
    margin-bottom: 0.5rem;
  }

  .image-block.cta-block .image-block__content {
    padding: 1.5rem 1rem 0;
  }

  .image-block.cta-block .image-block__buttons {
    padding: 1.5rem 1rem;
  }
}
.image-block__content {
  position: relative;
  z-index: 5;
  padding: 1.5rem;
  color: #fff;
}

.image-block__content p {
  max-height: 3rem;
  line-height: 1.5rem;
  overflow: hidden;
  margin: 0;
}

.image-block__sub-text {
  max-height: 4rem;
  overflow: hidden;
}

.l-hp-2 .image-block__content {
  height: 100%;
  padding-top: 52px;
}

.image-block:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: all 0.2s ease-in-out;
  background-color: rgba(0, 0, 0, 0.35);
}

.image-block--open-dag .image-block:before {
  height: calc(100% - 3.5rem);
}

@media all and (max-width: 991px) and (min-width: 768px) {
  .l-hp-2:before {
    display: none;
  }
}
.image-block__buttons {
  z-index: 5;
  padding: 1.5rem;
}

.image-block__buttons .btn {
  margin: 0;
}

.text-block {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  -ms-flex-pack: justify;
  align-items: flex-start;
  justify-content: space-between;
}

.l-hp-2 {
  position: relative;
  width: 100%;
  min-height: 328px;
  background-color: #c6002a;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media all and (min-width: 991px) {
  .l-hp-2 {
    background-position: top center;
    background-size: cover;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media all and (max-width: 991px) and (min-width: 768px) {
  .l-hp-2 {
    height: 290px;
    min-height: auto;
    /* padding-left: calc(50% + 30px); */
    background-position: calc(20px - 50vw) 0;
    background-size: cover;
  }
}
@media all and (max-width: 767px) {
  .l-hp-2 {
    min-height: 300px;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.text-block__content {
  position: relative;
  z-index: 5;
  padding: 1.5rem;
  color: inherit;
}

.l-hp-2 .text-block__content {
  height: 100%;
  padding-top: 52px;
}

@media all and (max-width: 991px) and (min-width: 768px) {
  .l-hp-2:before {
    display: none;
  }
}
.text-block__header {
  font-size: 2rem;
  margin-top: 0;
}

.text-block__buttons {
  z-index: 5;
  padding: 1.5rem;
}

.text-block__buttons .btn {
  margin: 0;
}

@media all and (max-width: 539px) {
  .l-hp-2 .text-block__buttons {
    background-color: #c6002a;
  }
}
.l-hp-2 .text-block__buttons {
  background-color: #c6002a;
}

.image-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.image-row .image__container:first-child {
  margin-bottom: 1rem;
}

@media all and (min-width: 540px) {
  .image-row {
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .image-row .image__container:first-child {
    margin-right: 1rem;
    margin-bottom: 0;
  }
}
.link-block__list {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.link-block__item {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  max-width: calc(50% - 7.5px);
  padding-bottom: 0.9375rem;
}

.link-block__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  color: #000001;
  background-color: #ccc;
}

.link-block__text {
  font-weight: 600;
  margin-left: 0.9375rem;
  padding: 0.9375rem 0.9375rem 0.9375rem 1.25rem;
}

.link-block__item:nth-child(odd) {
  margin-right: 0.9375rem;
}

.link-block__item {
  padding-left: 0;
}

.list-item__content {
  color: #999;
  margin: 0;
}

.list-item .link {
  padding: 1rem 0 1rem 1.25rem;
  display: block;
}

.link-list .list-item {
  list-style: none;
  border-bottom: 1px solid #eee;
}

.open-dag {
  margin-top: 0.9375rem;
  padding: 1.25rem;
  border-radius: 12px;
}

.open-dag p.open-dag__content {
  color: inherit;
}

.open-dag .btn {
  margin-bottom: 0;
  margin-top: 1rem;
}

.open-dag__header {
  font-size: 1.5rem;
  margin: 0.5rem 0;
}

.open-dag__location {
  font-style: normal;
  margin-left: 0.9375rem;
  padding-left: 0.9375rem;
  border-left: 1px solid #fff;
}

.open-dag__location span {
  white-space: nowrap;
}

.open-dag__location span:not(:last-child):after {
  content: "\00002C";
}

@media all and (max-width: 539px) {
  .open-dag__location {
    display: block;
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }
}
@media all and (max-width: 767px) {
  *.desktop-only {
    display: none !important;
  }
}
@media all and (min-width: 768px) {
  *.mobile-only {
    display: none !important;
  }
}
.pagination {
  display: -ms-flexbox;
  display: flex;
}

.pagination__list {
  margin: 0;
  padding: 0;
}

.pagination__item {
  display: inline-block;
  list-style: none;
}

.pagination__link {
  line-height: initial;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.25rem;
  padding-top: 0.6rem;
  transition: background-color 0.5s ease;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 8px;
  font-family: "FrutigerLTW05-65Bold", helvetica, sans-serif;
}

@media all and (max-width: 319px) {
  .pagination__link {
    margin-right: 0.325rem;
  }
}
.pagination__link {
  background-color: #999;
}

.pagination__link--active,
.pagination__link:hover {
  color: #fff;
  background-color: #2a8bbf;
}

.pagination__link--previous:before {
  transform: rotate(-180deg);
}

.pagination__link.pagination__link--next,
.pagination__link.pagination__link--previous {
  padding: 0;
  font-size: 0;
}

.pagination__link--next:before,
.pagination__link--previous:before {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url(../img/icons/chevron-right-outline-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.6rem;
}

.result__list {
  width: 100%;
}

.result__list li.result-block {
  color: #212121;
}

.result__list:not(.result__list--grid) li.result-block {
  margin-right: 1rem;
}

.result-block {
  width: 100%;
  max-width: 848px;
  margin-bottom: 1.5rem;
  list-style: none;
}

.result-block__header {
  margin-bottom: 0.5rem;
  overflow: hidden;
  hyphens: none;
  flex-shrink: 0;
}

/* @media all and (max-width: 991px) {
    .result-block__header {
        max-height: 3.5rem;
    }
} */
.result__list--landing-page .result-block__content {
  max-height: none;
}

.result__list--landing-page .result-block__content p {
  max-height: none;
}

.result-block__content {
  max-height: 8.5rem;
  overflow: hidden;
  color: #555555;
}

.result__list--landing-page .result-block {
  margin-bottom: 0;
  padding-bottom: 0;
}

@media all and (max-width: 767px) {
  .result-block {
    margin-bottom: 0.9375rem;
    padding-bottom: 0.625rem;
  }
}
@media all and (max-width: 539px) {
  .result-block {
    padding-bottom: 0.625rem;
  }
}
.result-block__title {
  font-size: 0.875rem;
  margin-bottom: 0;
}

.result-block__date-author,
.article__meta {
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-bottom: 1rem;
  color: #555555;
}

.result__list--landing-page .result-block__content a {
  position: relative;
  color: #c6002a;
  display: inline-flex;
  align-items: center;
  padding-right: 1.5rem;
  font-family: "FrutigerLTW05-65Bold", helvetica, sans-serif;
}

.result__list--landing-page .result-block__content a:after {
  content: "";
  background-color: #c6002a;
  width: 28px;
  height: 14px;
  display: block;
  -webkit-mask-image: url(../img/icons/chevron-right-outline-white.svg);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(../img/icons/chevron-right-outline-white.svg);
  mask-position: center;
  mask-repeat: no-repeat;
}

.result-block__container,
.result-block__link {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  left: 0;
  top: 0;
  text-decoration: none;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 0 1px #d7d7d7, 0px 6px 12px rgba(33, 33, 33, 0.12);
}

.result-block__link:focus {
  outline: none;
}

.result-block:hover .result-block__link {
  top: 0;
  left: 0.25rem;
  box-shadow: 0px 12px 24px rgba(33, 33, 33, 0.4);
  color: inherit;
  border-radius: 12px;
  overflow: hidden;
}

.result-block:hover .result-block__image-container {
  border-radius: 0;
}

.result__list--landing-page {
  margin-top: 0;
  margin-bottom: 0;
}

.result-block__content p {
  margin-bottom: 1rem;
  max-height: 4.5rem;
  /* AR-2902: Updated height to be 3 lines */
  line-height: 1.5rem;
  overflow: hidden;
  hyphens: auto;
}

@media all and (max-width: 539px) {
  .result-block__image-container {
    width: auto;
  }

  .result-block__container,
.result-block__link {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .result-block__image-container {
    margin-bottom: 0.9375rem;
  }
}
.result__list--grid h3.result-block__header {
  font-size: 1.5rem;
  line-height: 2rem;
}

.result__list--grid .result-block:hover .result-block__link {
  top: -0.25rem;
  left: 0;
}

.result__list--grid .result-block__content-container > div {
  display: flex;
  flex-direction: column;
  max-height: 8.5rem;
}

.result__list--grid .result__list--grid .result-block__content-container > div {
  height: 100%;
}

@media all and (max-width: 539px) {
  .result__list--grid .result-block__content-container > div {
    -ms-grid-template-rows: auto 2rem;
    grid-template-rows: auto 2rem;
  }
}
.result-block__content-container {
  /* width: 70%; */
  height: 100%;
  -ms-flex-order: 1;
  order: 1;
  padding: 1.5rem;
}

.result__list--grid .result-block__content-container {
  padding: 1rem;
}

@media all and (max-width: 539px) {
  .result-block__content-container {
    height: auto;
  }
}
.search-result {
  margin-bottom: 0.75rem;
}

.search-result__intro {
  font-size: 0.875rem;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 1rem;
  margin-bottom: 0;
}

.result__list--textOnly .result-block:hover .result-block__link {
  left: 0;
  top: 0;
  box-shadow: none;
}

.result__list--textOnly .result-block__link,
.result__list--textOnly:hover .result-block__link {
  border: none;
  box-shadow: none;
  left: 0;
  top: 0;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 0;
}

.result__list--textOnly .result-block__content-container {
  padding: 0 0 1rem 0;
}

.result__list--textOnly .result-block__link:hover .result-block__header {
  color: #00aceb;
}

.result-block__image-hover-overlay {
  display: flex;
  position: relative;
  flex: 1;
  background-color: #0077b5;
}

.result-block__image-container {
  position: relative;
  display: inline-flex;
  height: auto;
  -ms-flex-order: 0;
  order: 0;
}

.result-block__image-container img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 0.1px;
}

.result-block__image-container img.mobile-only {
  min-height: 0;
  max-height: none;
  max-width: none;
  height: auto;
  width: 100%;
  display: block;
  object-fit: contain;
}

.result__list--textOnly .result-block__image-container {
  display: none;
}

@media all and (max-width: 539px) {
  .result-block__link {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .result-block.result-block {
    margin-bottom: 0.9375rem;
    padding-bottom: 0;
  }

  .result-block__content-container,
.result-block__image-container {
    width: 100%;
    height: auto;
  }

  .result-block__image-container {
    min-height: 193px;
    flex-direction: column;
  }
}
@media all and (min-width: 540px) {
  .result-block__image-container {
    min-height: 159px;
    width: 30%;
    flex-direction: column;
  }
}
.result-block__image-container {
  min-width: 165px;
}

@media all and (min-width: 768px) {
  .result-block__image-container {
    min-width: 265px;
  }
}
.result-block__image-container--person {
  width: 165px;
  min-width: auto;
}

.result-block__image-hover-overlay:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  content: "";
  transition: background-color 2s ease;
  background-color: rgba(0, 172, 235, 0.2);
}

.result-block__image-container--person,
.result-block__image-container--person:hover:after {
  height: 165px;
}

.result-block__image-container {
  overflow: hidden;
}

.result-block__image {
  min-height: 159px;
  flex: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.result-block__location-program,
.result-block__location {
  display: inline-flex;
  align-items: center;
  color: #555555;
}

.result-block__location:not(:last-child) {
  margin-right: 1.5rem;
}

.result-block__location .feather-icon {
  margin-right: 0.5rem;
  font-size: 18px;
  font-weight: bold;
}

@media all and (max-width: 767px) {
  .result-block__location-program,
.result-block__location {
    display: block;
    margin-top: 0.625rem;
    margin-left: 0;
  }
}
.result-block__location-program,
.result-block__location,
.result-block__alert {
  font-size: 0.875rem;
}

.result-block__alert p {
  line-height: 1.5rem;
}

.alert__header {
  padding-right: 0.5rem;
  color: #c6002a;
}

@media all and (max-width: 767px) {
  .result-block__content {
    display: none;
  }

  .result__list--news .result-block__content,
.result__list--search .result-block__content,
.result__list--landing-page .result-block__content {
    display: block;
  }

  .result-block__content--person {
    display: block;
  }
}
.result__list--grid .result-block__content {
  display: block;
  flex-shrink: 1;
}

:root {
  --min-height: 348px;
  --min-width: calc(--min-height * 1.5);
  --side-padding: $ spacing;
  --bottom-padding: $ spacing-xxl;
  --small-box-w: calc(--min-height);
}

@media all and (min-width: 540px) and (max-width: 991px) {
  :root {
    --min-height: 496px;
    --min-width: calc(--min-height * 1.5);
    --bottom-padding: 140px;
  }
}
@media all and (min-width: 991px) {
  :root {
    --min-height: 600px;
    --min-width: calc(--min-height * 1.5);
    --bottom-padding: 200px;
  }
}
.slider .slide__container {
  position: relative;
  overflow: hidden;
}

.slider__list {
  display: grid;
  margin: 0;
  padding: 0;
  grid-template-areas: "a" "b" "c";
  grid-template-rows: 30vh 10vh 10vh;
  -ms-grid-rows: 30vh 10vh 10vh;
}

@media all and (min-width: 768px) {
  .slider__list {
    grid-template-areas: "b c" "a a";
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 40vw 60vw;
    grid-template-rows: 40vw 60vw;
  }
}
@media all and (min-width: 991px) {
  .slider__list {
    grid-template-areas: "a b" "a c";
    -ms-grid-columns: 70vw 30vw;
    grid-template-columns: 70vw 30vw;
    -ms-grid-rows: repeat(2, 174px);
    grid-template-rows: repeat(2, calc(var(--min-height) / 2));
  }
}
.slider__list .slide {
  width: 100%;
  height: 100%;
  list-style: none;
}

.slider__list .slide:nth-child(1) {
  grid-area: a;
}

.slider__list .slide:nth-child(2) .slide__container,
.slider__list .slide:nth-child(3) .slide__container {
  padding: 1rem;
}

.slider__list .slide:nth-child(2) {
  grid-area: b;
}

.slider__list .slide:nth-child(3) {
  grid-area: c;
}

.slider__list .slide:nth-child(3) .slide__container {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.tab__item {
  margin: 0 10px -1px 0;
  border: 1px solid #eee;
}

.tab__link.tab__link,
.nav-tabs > li > a {
  font-size: 0.875rem;
  line-height: 1;
  display: block;
  padding: 0.825rem 1rem;
  text-decoration: none;
  color: #00aceb;
  background: transparent;
}

.tab__link:active {
  color: #000001;
}

.active,
.tab__item--selected {
  border-bottom-color: #fff;
}

.active .tab__link.tab__link,
.tab__item--selected .tab__link.tab__link {
  color: #000001;
  background: #fff;
}

.js-open .top-search,
:target .top-search {
  width: calc(100% - 1rem);
  height: auto;
  transition: none;
  background-color: #fff;
  margin-left: 5%;
}

.js-open .search-link,
:target .search-link {
  border-right: 0;
  -ms-flex-order: 0;
  order: 0;
  position: absolute;
  left: 5%;
}

.js-open .nav,
:target .nav {
  display: none;
}

.input.input--search.input.input--search {
  margin-bottom: 0;
  padding-left: 3.5rem;
  border: 1px solid #2a8bbf;
}

.input.input--search.has-search-results {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media all and (max-width: 767px) {
  .input.input--search {
    margin: 0.5rem 1rem;
  }
}
.top-search__container {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  background-color: #fff;
}

.js-open .nav-link,
.top-search__button,
.top-search__label,
:target .nav-link {
  position: absolute;
  left: -999em;
}

@media (max-width: 1199px) {
  .page-menu__container.js-open .page-menu__list .parent-item {
    display: none;
  }
}
.widget.links__list-block {
  margin: 0;
  padding: 0;
}

.widget,
.widget-content-aside,
.widget.links__list-block {
  margin-bottom: 1.5rem;
}

.widget li a {
  text-decoration: none;
}

.widget.widget--sidebar .btn {
  margin: 1rem 0 0 0;
}

.widget.widget--sidebar .widget__header {
  margin-bottom: 0.5rem;
}

.widget__content {
  margin: 0.625rem 0;
  border-width: 1px 0;
}

.widget .links__header,
.widget__header {
  position: relative;
  margin-bottom: 0;
  padding: 0;
}

.widget__header {
  margin-top: 0;
}

.widget__header:after {
  position: absolute;
  right: 1rem;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  content: "";
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
}

.widget__header--apply:after {
  background-image: url("../img/icons/widgets/Icon-Aanmelden.svg");
}

.widget__header--open:after {
  width: 2rem;
  background-image: url("../img/icons/widgets/Icon-Open.svg");
}

.widget__header--cijfers:after {
  background-image: url("../img/icons/widgets/Icon-StudieInCijfers.svg");
}

.widget__header--duurzaam:after {
  background-image: url("../img/icons/star.svg");
}

.widget__header--apply,
.widget__header--open,
.widget__header--cijfers,
.widget__header--duurzaam {
  font-size: 1.1rem;
  line-height: 1.1rem;
}

.durability,
.widget__paragraph,
.widget p {
  margin-bottom: 0.9375rem;
  /* padding-top: 0.625rem; */
}

.widget__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.widget__link--solo,
.widget__list-item {
  position: relative;
  padding: 0.625rem 2rem 0.625rem 1.25rem;
  margin-right: 0;
  margin-bottom: 0;
}

.widget__list-item:not(:last-child) {
  border-bottom: 1px solid #eee;
}

.widget__list-item:before {
  border-color: #999;
}

.widget__list-link {
  color: #00aceb;
}

.durability {
  display: block;
}

.star {
  display: inline-block;
  fill: #000001;
}

/*
    as we get our follow list icons from the footer, here we will do some customizing...
    */
.widget .links__list--follow {
  padding: 0.625rem 0;
  border: 1px solid #eee;
  border-width: 1px 0;
}

.widget .links__list--follow .footer-link__item--follow {
  padding-bottom: 0;
}

/*
    the red and blue widgets
    */
.widget-content-aside {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: auto;
  height: 100%;
}

@media all and (min-width: 991px) {
  .widget-content-aside {
    margin-right: 0;
  }
}
.widget-content-aside .subtitle p,
.widget-content-aside .title {
  line-height: inherit;
}

.widget-content-aside .title {
  font-size: 1.5rem;
  margin-top: 0.5rem;
}

.widget-content-aside .subtitle,
.widget-content-aside .subtitle p {
  font-size: 1.15rem;
}

.widget-content-aside .subtitle {
  margin-bottom: 0.5rem;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.widget-content-aside .btn-black {
  font-size: 1rem;
  line-height: inherit;
  position: static;
  width: 100%;
  height: auto;
}

.widget-content-aside .sink-left {
  display: block;
  float: none !important;
}

.active-filters__list {
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0.625rem 0 0 0;
  /* border: 1px solid #eee;
  border-width: 1px 0; */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.active-filters__label {
  margin-right: 1rem;
  margin-bottom: 0.625rem;
  padding-top: 0.75rem;
}

.active-filters__item {
  height: 2.5rem;
  margin: 0 0 0.625rem;
}

.active-filters__label,
.btn--filter {
  font-size: 0.875rem;
}

.btn--filter {
  position: relative;
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  border-radius: 30px;
  background-color: #eee;
}

.btn--filter:after {
  font-size: 1.5rem;
  position: absolute;
  top: 0.3rem;
  right: 0.8rem;
  content: "\00002B";
  transform: rotate(45deg);
  color: #999;
}

.btn--filter:hover {
  cursor: pointer;
}

.btn--filter:hover:after {
  color: #00aceb;
}

@media all and (max-width: 1199px) and (min-width: 540px) {
  .content-page__aside-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .hst-container-item,
.widget.widget {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    margin-right: 1rem;
  }

  .widget:nth-child(even),
.hst-container-item:nth-child(even) {
    margin-left: 1.875rem;
  }
}
.hst-container-item .widget {
  width: 100%;
  max-width: 100%;
}

.schedule {
  width: 100%;
  border-collapse: collapse;
}

.schedule__header,
.schedule__slot,
td,
th {
  padding: 0.3125rem 0;
  border: 1px solid #eee;
  border-width: 0 0 1px 0;
}

.box-program-courses .block {
  border-left-width: 0;
}

.schedule__header,
th {
  text-align: left;
}

.schedule__header--head {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #999;
  border-top: 0;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}

.schedule__header--line {
  font-weight: normal;
  width: 40%;
  min-width: 200px;
  max-width: 100%;
  padding: 0.25rem 1.5rem 0.25rem 0;
  word-break: break-word;
}

.schedule__slot {
  padding: 0.25rem 0 0.25rem 0;
}

.schedule__header--line,
.schedule__slot {
  font-size: 0.875rem;
  line-height: 1;
  vertical-align: center;
}

.schedule__slot--active .schedule__slot-content {
  position: static;
  display: block;
  width: calc(100% - 1rem);
  height: auto;
  margin: 0.25rem 0;
  color: #999;
  background: #999;
}

.schedule {
  position: relative;
}

.schedule__row--head,
.schedule__head {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.schedule__head th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

@media all and (max-width: 767px) {
  .schedule__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .schedule__header,
.schedule__slot {
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
  }

  .schedule__header--head:first-of-type,
.schedule__header--line {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
.box-program-courses table span,
.box-program-courses .block {
  width: auto;
}

/*
    for testing purposes
*/
/*
    / end testing
*/
.page-footer {
  background-color: rgba(238, 238, 238, 0.5);
}

.page-footer__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0;
  color: #999;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.links__list-block {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

@media all and (min-width: 768px) {
  .footer-links {
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .links__list-block {
    -ms-flex: 0 1 33%;
    flex: 0 1 33%;
    margin-left: 0.9375rem;
  }

  .links__list-block:first-child {
    margin-left: 0;
  }
}
.links__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 0.75rem;
  padding-left: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media all and (max-width: 1199px) {
  .links__list-block {
    padding: 0 0.9375rem;
  }
}
@media all and (min-width: 768px) {
  .links__list-block {
    padding-left: 0;
  }
}
.links__list--discover {
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer-link__item {
  font-size: 0.8125rem;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 0 0.625rem 0.4125rem 0;
  list-style: none;
}

.nav .footer-link__item {
  padding-bottom: 0.625rem;
}

.footer-link__link {
  transition: background 0.5s ease;
  text-decoration: none;
  color: #999;
}

.footer-link__link:hover {
  text-decoration: underline;
}

.footer-link__item--discover {
  position: relative;
  padding-left: 0.9375rem;
  padding-top: 0.3125rem;
  transition: border-color 0.5s ease;
}

.footer-link__item--discover .footer-link__link {
  transition: color 0.5s ease;
}

.discover__items li a:hover,
.footer-link__item--discover .footer-link__link:hover,
.footer-link__item--discover .footer-link__link:focus {
  color: #00aceb;
}

/*
    @#todo
    make mixin
    */
.discover__items li:before,
.footer-link__item--discover:before {
  position: absolute;
  top: calc(50% - 4px);
  left: 2px;
  display: inline-block;
  width: 5px;
  height: 5px;
  content: "";
  transform: rotate(45deg);
  border: 1px solid #999;
  border-width: 1px 1px 0 0;
}

.footer-link__item--discover:hover:before,
.footer-link__item--discover:focus:before {
  border-color: #00aceb;
}

.footer-link__link--icon {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 2.5rem;
  height: 2.5rem;
  white-space: nowrap;
  text-indent: 3rem;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.footer-link__item--share {
  position: relative;
}

.footer-link__item--share:after {
  position: absolute;
  z-index: 5;
  top: 2.4875rem;
  left: 0;
  width: 2.5rem;
  height: 0.125rem;
  content: "";
}

.footer-link__item--linkedin:after {
  background-color: #0077b5;
}

.footer-link__item--twitter:after {
  background-color: #1da1f2;
}

.footer-link__item--mail:after {
  background-color: #000001;
}

.footer-link__item--facebook:after {
  background-color: #3b5998;
}

@media all and (max-width: 319px) {
  .links__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.footer-link__link--mail {
  background-color: #fff;
  background-image: url(../img/icons/icon-mail.svg);
  background-position: 50%;
}

.footer-link__link--mail:hover,
.footer-link__link--mail:focus {
  background-color: #000;
  background-image: url(../img/icons/icon-mail-hover.svg);
}

.footer-link__link--linkedin {
  background-image: url("../img/icons/Icon-Social-LinkedIn.svg");
}

.footer-link__link--linkedin:hover,
.footer-link__link--linkedin:focus {
  background-image: url("../img/icons/Icon-SocialHover-LinkedIn.svg");
}

.footer-link__link--snapchat {
  background-image: url("../img/icons/Icon-Social-Snapchat.svg");
}

.footer-link__link--snapchat:hover,
.footer-link__link--snapchat:focus {
  background-image: url("../img/icons/Icon-SocialHover-Snapchat.svg");
}

.footer-link__link--twitter {
  background-image: url("../img/icons/Icon-Social-Twitter.svg");
}

.footer-link__link--twitter:hover,
.footer-link__link--twitter:focus {
  background-image: url("../img/icons/Icon-SocialHover-Twitter.svg");
}

.footer-link__link--instagram {
  background-image: url("../img/icons/Icon-Social-Instagram.svg");
}

.footer-link__link--instagram:hover,
.footer-link__link--instagram:focus {
  background-image: url("../img/icons/Icon-SocialHover-Instagram.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* Retina-specific stuff here */
  .footer-link__link--instagram:hover,
.footer-link__link--instagram:focus {
    background-image: url("../img/icons/Icon-SocialHover-Instagram@2x.png");
    background-size: contain;
  }
}
.footer-link__link--youtube {
  background-image: url("../img/icons/Icon-Social-YouTube.svg");
}

.footer-link__link--youtube:hover,
.footer-link__link--youtube:focus {
  background-image: url("../img/icons/Icon-SocialHover-YouTube.svg");
}

.footer-link__link--facebook {
  background-image: url("../img/icons/Icon-Social-Facebook.svg");
}

.footer-link__link--facebook:hover,
.footer-link__link--facebook:focus {
  background-image: url("../img/icons/Icon-SocialHover-Facebook.svg");
}

.links__header {
  margin: 1.3rem 0 0;
  color: #323232;
}

.nav .links__header {
  display: none;
}

@media all and (max-width: 991px) and (min-width: 768px) {
  .links__header {
    font-size: 0.9rem;
  }
}
.disclaimer {
  font-size: 0.8125rem;
  display: block;
  padding: 1rem 0;
  color: #999;
  background-color: #000001;
}

@media all and (max-width: 767px) {
  .disclaimer__container {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.25rem;
    text-align: left;
  }

  .page-footer__logo-link {
    -ms-flex-order: 0;
    order: 0;
  }

  .disclaimer__text {
    -ms-flex-order: 1;
    order: 1;
  }
}
@media all and (max-width: 1199px) {
  .disclaimer__container {
    padding: 1.25rem;
  }
}
@media all and (min-width: 1199px) {
  .disclaimer__container {
    max-width: 1200px;
  }
}
@media all and (min-width: 768px) {
  .disclaimer__container {
    -ms-flex-align: center;
    align-items: center;
  }
}
.disclaimer__container {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.nav,
.discover__items {
  position: relative;
}

.disclaimer__container--menu {
  position: relative;
  display: inline-block;
  margin: 0 0 2rem 0;
  line-height: 2rem;
}

.disclaimer__container--menu ul {
  margin: 0;
}

.disclaimer__container--menu li {
  display: inline;
}

@media all and (max-width: 767px) {
  .disclaimer__container--menu li {
    display: list-item;
    list-style: none;
  }

  .disclaimer__container--menu li:last-of-type {
    margin-bottom: 0;
  }

  .disclaimer__container--menu {
    margin: 0 0 0.75rem 0;
  }
}
.discover__items li {
  position: relative;
  padding-left: 0.9375rem;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  list-style: none;
}

.discover__items li a {
  position: relative;
  flex: 0 1 auto;
  padding: 0 0.625rem 0.4125rem 0;
  font-size: 0.8125rem;
  text-decoration: none;
  color: #323232;
}

.discover__items li:first-of-type {
  margin-top: 0.35rem;
}

.discover__items li:last-of-type {
  margin-bottom: 0.75rem;
}

.hst-cmseditlink {
  top: 10px;
  right: 10px;
}

.logo__img {
  font-size: 0;
  width: 157px;
  height: 48px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.page-footer__logo {
  width: 125px;
  height: 36px;
}

@media all and (max-width: 767px) {
  .disclaimer__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .disclaimer__link {
    display: inline-block;
  }

  .page-footer__logo {
    margin-top: 1.25rem;
  }
}
.disclaimer__link,
.disclaimer li a {
  margin-right: 0.5rem;
  text-decoration: underline;
  color: #999;
}

.disclaimer #ot-sdk-btn.disclaimer__link {
  margin-right: 0.5rem;
  text-decoration: underline;
  color: #999;
  padding: 0;
  border: none;
  font-size: 0.8125rem;
}

.disclaimer #ot-sdk-btn.disclaimer__link:hover {
  background: none;
  text-decoration: none;
}

.disclaimer__link:hover,
.disclaimer li a:hover {
  color: #fff;
  text-decoration: none;
}

.filter-block__header {
  padding-bottom: 1rem;
}

.filter__button {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0 1rem;
  margin-top: 2rem;
  border-radius: 100px;
}

.filter__button.active {
  background-color: #999999;
}

.filter__button.active:hover {
  background-color: #444444;
}

.filter__button.active:after {
  transform: rotate(-90deg);
}

.filter__button:before,
.filter__button:after {
  display: block;
  content: "";
  width: 3rem;
  height: 3rem;
  background-repeat: no-repeat;
  background-position: center;
}

.filter__button:before {
  background-image: url("../img/icons/filter-outline-white.svg");
}

.filter__button:after {
  transform: rotate(90deg);
  background-size: 11px;
  background-image: url(../img/icons/chevron-right-outline-white.svg);
}

.filter__button--hide:after {
  top: 1.1rem;
}

.filter__button--hide:after {
  transform: rotate(-90deg);
}

@media all and (min-width: 991px) {
  .filter__button--hide,
.filter__button--show {
    display: none;
  }
}
@media all and (max-width: 991px) {
  .filter-block__container,
.filter__button--hide {
    position: absolute;
    left: -999em;
  }

  :target .filter-block__container,
:target .filter__button--hide {
    position: relative;
    left: 0;
  }

  :target .filter__button--show,
:target .filter-block__header {
    display: none;
  }

  :target .filter-block__container {
    margin-top: 1rem;
  }

  .filter-block__form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media all and (min-width: 399px) and (max-width: 991px) {
  .filters {
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}
@media all and (max-width: 399px) {
  .filters {
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
.page__header {
  position: relative;
  z-index: 25;
  border-bottom: 1px solid #eee;
}

.top-bar {
  background-color: #fff;
}

.top-bar__container,
.top-bar__content {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.top-bar__content {
  min-height: 86px;
}

.top-bar__container {
  width: calc(100% - 163px);
  transition: width 0.5s ease;
}

.top-bar__container.js-open {
  position: relative;
}

@media all and (max-width: 991px) {
  .top-bar__content {
    padding: 0 1rem;
    justify-content: space-between;
  }

  .top-bar__container {
    justify-content: flex-end;
  }

  .top-bar__container.js-open {
    justify-content: center;
  }

  .js-open .top-search {
    margin-left: 0;
  }

  .js-open .search-link,
:target .search-link {
    left: 2%;
  }
}
.skip-link {
  display: inline-block;
  overflow: hidden;
  width: 3.8125rem;
  padding-top: 1.5rem;
  white-space: nowrap;
  text-indent: 6rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.3125rem;
}

.nav.js-open .skip-link,
.nav:target .skip-link {
  position: absolute;
  z-index: 5;
  top: -6rem;
  left: 1rem;
  height: 6rem;
  background-color: #fff;
}

@media all and (min-width: 991px) {
  .top-bar__container {
    position: relative;
  }

  .nav {
    -ms-flex-order: 1;
    order: 1;
  }

  .nav .skip-link {
    display: none;
  }

  .nav-link {
    display: none;
  }
}
.skip-link.clicked,
.skip-link:focus {
  outline: none;
}

.nav-link {
  font-size: 0.675rem;
  overflow: visible;
  width: 6rem;
  padding-top: 4rem;
  transition: color 0.4s ease;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  text-transform: uppercase;
  color: #999;
  background-image: url("../img/icons/hamburger-menu.svg");
  background-size: 24px;
  -ms-flex-order: 0;
  order: 2;
}

.nav-link.clicked {
  overflow: hidden;
  text-indent: 6rem;
  color: #212121;
  background-image: url("../img/icons/close-icon.svg");
}

.nav-link.clicked:hover {
  background-image: url("../img/icons/close-icon.svg");
}

.nav-link:hover {
  color: #212121;
  background-image: url("../img/icons/hamburger-menu-hover.svg");
}

@media all and (max-width: 990px) {
  .skip-link {
    width: 4.375rem;
    height: 4.375rem;
    padding-top: 3rem;
  }
}
.search-link {
  border-right: 0;
  background-image: url("../img/icons/search-icon-left.svg");
  background-size: 20px;
}

.js-open .search-link,
.search-link:hover {
  background-image: url("../img/icons/search-icon-left-hover.svg");
}

/* .top-bar__container.js-open .top-search__container:before {
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../img/icons/search-icon-left.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.3125rem;
} */
@media all and (min-width: 991px) {
  .search-link {
    -ms-flex-order: 2;
    order: 2;
    margin-left: auto;
  }

  html[lang=en] .top-bar__container:not(.js-open) .search-link {
    right: 110px;
  }

  .top-bar__container:not(.js-open) .search-link {
    position: absolute;
    right: 90px;
    z-index: 1;
  }

  :target .search-link {
    border-right: 0;
    border-left: 1px solid #ccc;
    -ms-flex-order: 0;
    order: 0;
  }

  :target .close-icon {
    border-right: 1px solid #ccc;
  }
}
.close-icon {
  background-image: url("../img/icons/close-icon.svg");
}

.js-open .close-icon {
  position: absolute;
  right: 0;
}

@media all and (max-width: 990px) {
  .js-open .close-icon {
    top: -11px;
  }
}
@media all and (max-width: 767px) {
  .top-bar__container.js-open {
    width: 100%;
  }

  .js-open + .logo {
    width: 0;
  }

  .js-open + .logo .logo__img {
    width: 0;
  }
}
header .nav,
.top-search {
  overflow: hidden;
  width: 0;
  height: 0;
  transition: width 0.2s easein;
}

@media all and (max-width: 991px) {
  .top-bar__container {
    transition: none;
  }
}
@media all and (min-width: 991px) {
  .nav {
    width: auto;
    height: auto;
    -ms-flex-order: 1;
    order: 1;
  }
}
.hero {
  position: relative;
  overflow: hidden;
  max-width: 1920px;
  margin: 0 auto;
}

@media all and (min-width: 768px) {
  .hero {
    background-position: center -100px;
  }
}
@media all and (min-width: 991px) {
  .hero {
    background-position: center -180px;
  }
}
@media all and (min-width: 1199px) {
  .hero {
    background-position: center -240px;
  }
}
.hero:not(.hero--simple) {
  min-height: 300px;
  background-color: #c6002a;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.hippo-show-components .hippo-overlay-box.hero:not(.hero--simple) {
  min-height: 300px !important;
}

.hero__content {
  position: relative;
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 150px;
  margin: 0 auto;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.hero:not(.hero--simple) .hero__content {
  height: 300px;
}

.hero__image {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 50%;
  display: block;
  width: 1920px;
  height: 660px;
  transform: translate(-50%, -50px);
}

.header--hero,
.header__sub-title {
  z-index: 15;
  left: 0;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  color: #fff;
}

.header__text {
  font-size: 2rem;
  display: block;
  padding-bottom: 1rem;
}

@media all and (min-width: 991px) {
  .header__text {
    padding-bottom: 1rem;
  }
}
.header__sub-title.header__sub-title {
  font-size: 0.75rem;
  margin-bottom: 0.1rem;
}

@media all and (min-width: 1199px) {
  .header__sub-title.header__sub-title {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .header__text {
    font-size: 1.5rem;
  }
}
.header--hero:after {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 11px;
  height: 11px;
  content: "";
  transform: rotate(45deg);
  background-color: #fff;
}

:root {
  --min-height: 348px;
  --min-width: calc(--min-height * 1.5);
}

.header--hero-home {
  max-width: 1200px;
  margin: 0 auto;
}

.header--hero-home .header__text {
  max-width: 500px;
  text-transform: uppercase;
  color: #fff;
}

.header--hero-home .header__text:after {
  content: var(--min-height);
}

.hero-home__image {
  width: 100%;
  min-width: var(--min-width);
  max-width: 1920px;
}

@media all and (min-width: 540px) and (max-width: 991px) {
  :root {
    --min-height: 496px;
    --min-width: calc(--min-height * 1.5);
  }
}
@media all and (min-width: 991px) {
  :root {
    --min-height: 600px;
    --min-width: calc(--min-height * 1.5);
  }

  .hero-home__image {
    margin-top: -50px;
  }
}
.hero--simple {
  max-width: 100%;
  min-height: 150px;
  background-color: rgba(238, 238, 238, 0.5);
}

.hero--simple .header--hero,
.hero--simple .header__sub-title {
  color: #000001;
}

.hero--pattern {
  background-image: url("../img/hero-simple-bg.png");
  background-repeat: repeat;
}

.hero--simple:after {
  background: linear-gradient(to bottom, rgba(238, 238, 238, 0) 0%, #f6f6f6 100%);
}

.link-box {
  position: relative;
  padding: 1.5rem;
  background-color: #fff;
  border: 1px solid rgba(33, 33, 33, 0.08);
}

@media all and (max-width: 991px) {
  .link-box {
    padding: 1rem 1rem 0.5rem 1rem;
  }

  .link-box__header {
    max-height: 4.5rem;
  }
}
.link-box .btn-bar,
.link-box .btn-bar .btn {
  margin-bottom: 0;
}

.link-box.nieuws {
  border: 0;
  box-shadow: none;
}

.link-box .link-box {
  padding: 0;
}

.link-box .link-box__header-payoff {
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
  max-height: 3rem;
  overflow: hidden;
}

.link-box__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
  flex: 1;
  width: 100%;
}

@media all and (min-width: 540px) {
  .col-2 .link-box__list {
    column-count: 2;
    column-gap: 0;
  }
}
.link-box__item {
  position: relative;
  width: 100%;
  padding-left: 0;
}

.link-box__header {
  margin-bottom: 0.5rem;
  max-height: 3rem;
  overflow: hidden;
}

.link-box__link {
  overflow: hidden;
  display: block;
  text-decoration: none;
  color: #212121;
  margin-right: 1.5rem;
  border-bottom: 1px solid #ccc;
  transition: all 0.2s ease-in-out;
}

.link-box__link *,
.link-box__item:before {
  transition: all 0.2s ease-in-out;
}

.link-box__item:hover:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
}

.link-box__link:hover {
  border-bottom: 1px solid #ffffff;
}

.link-box__item:hover .link-box__content:before {
  border-color: #2a8bbf;
  left: 0.5rem;
}

.link-box__item:hover .link-box__link.link-box__link {
  background: #bdd8ee;
  border-radius: 12px;
}

.link-box__item:hover .link-box__link.link-box__link .link-box__date {
  padding-left: 2.5rem;
}

.link-box__item:hover .link-box__link.link-box__link .link-box__content {
  color: #226f98;
  padding-left: 2.5rem;
}

.link-box__content {
  font-family: "FrutigerLTW05-65Bold", helvetica, sans-serif;
  line-height: inherit;
  margin-bottom: 0rem;
  margin-left: 0;
  color: #212121;
  padding: 1rem 0 1rem 2rem;
  position: relative;
}

.link-box__content:before {
  position: absolute;
  left: 0;
  top: calc(50% - 6px);
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(-45deg);
  border: 1px solid #c6002a;
  border-width: 0 2px 2px 0;
  border-radius: 1px;
  transition: all 0.2s ease-in-out;
}

.nieuws .link-box__content {
  margin-bottom: 0;
}

.link-box__date {
  font-size: 0.875rem;
  font-weight: normal;
  display: block;
  margin-top: -0.75rem;
  padding: 0 0.9375rem 1rem 2rem;
  color: #999;
}

.meer-nieuws {
  margin-top: 1rem;
}

@media all and (max-width: 767px) {
  .grid__container.meer .grid {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 1.5rem 0;
    margin-top: -1.5rem;
    grid-gap: 1rem;
  }

  .grid__container.meer .grid .grid__item-container {
    flex: 0 0 311px;
  }
}
.link-list {
  margin-bottom: 0.9375rem;
  margin-left: 0;
  padding-left: 0;
  border-top: 1px solid #eee;
}

@media all and (max-width: 991px) {
  header .nav.js-open,
header .nav:target {
    position: absolute;
    z-index: 20;
    top: 87px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin-left: 0;
  }
}
@media all and (min-width: 991px) {
  header .nav.js-open,
header .nav:target {
    height: auto !important;
  }
}
@media all and (max-width: 767px) {
  header .nav.js-open,
header .nav:target {
    padding: 0.9375rem;
  }
}
header .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 0;
  order: -1;
  margin-left: 3rem;
  background-color: rgba(255, 255, 255, 0.98);
}

.nav__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 0.9375rem;
  padding: 0;
  list-style: none;
}

.nav__list .nav__list {
  margin: -0.9375rem;
  margin-top: 0;
  padding-top: 0.625rem;
  padding-bottom: 1.875rem;
}

@media all and (max-width: 767px) {
  header .nav {
    margin-left: 0;
  }

  header .nav__list {
    margin: 0 1rem 1rem 1rem;
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .nav__list .nav__list {
    margin: 0 0 0 1rem;
    padding: 0;
  }
}
@media all and (max-width: 991px) {
  .nav__list {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }

  .nav__list,
.links__list-block {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }
}
@media all and (min-width: 991px) {
  .nav__list {
    margin: 0;
  }

  .nav .links__list-block {
    display: none;
  }
}
.nav__item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 0 1.5rem 0 0;
  border-bottom: 1px solid #ccc;
  -ms-flex-pack: center;
  justify-content: center;
}

@media all and (max-width: 767px) {
  .nav__item {
    padding: 0;
  }
}
@media all and (min-width: 991px) {
  .nav__item:first-child {
    padding-left: 0;
  }
}
@media all and (max-width: 991px) {
  .nav__link {
    position: relative;
  }

  .nav__link[title]:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 0.9375rem 0;
    content: attr(title);
    background-color: #fff;
  }
}
@media all and (max-width: 991px) {
  .nav__item--taalswitch {
    order: -1;
    margin-bottom: 5rem;
    border-bottom: none;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
  }

  .nav__item--taalswitch .nav__sub {
    position: absolute;
    top: 3rem;
    border: 1px solid rgba(33, 33, 33, 0.08);
    padding: 0.5rem 1rem 0.5rem 1rem;
    border-radius: 12px;
    box-shadow: 0px 12px 24px rgba(33, 33, 33, 0.12);
    margin: 0;
    background-color: #ffffff;
  }

  .nav__item--taalswitch .nav__sub .nav__item {
    border-bottom: none;
    padding: 0 1.5rem 0 0;
  }

  .nav__item--taalswitch .nav__sub .nav__link--sub {
    padding: 0.5rem 0 0.5rem 2rem;
  }
}
@media all and (min-width: 991px) {
  .nav__item--taalswitch {
    position: absolute;
    right: -1.25rem;
  }
}
.nav__item--taalswitch .nav__link--sub {
  min-width: auto;
}

.nav__link,
.nav__link--active .nav__link--sub,
.nav__link--sub {
  color: #999;
}

.nav__link {
  padding: 1.2rem 0;
  text-decoration: none;
}

.nav__link:focus {
  outline: none;
}

.nav__link--active {
  color: #212121;
}

.nav__link--sub {
  font-weight: normal;
  padding-left: 0.9375rem;
}

@media all and (max-width: 767px) {
  .nav__link {
    padding: 0.9375rem 1.5rem;
  }

  .nav__link:before,
.nav__link--sub:before {
    position: absolute;
    left: 0;
    top: calc(50% - 6px);
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    transform: rotate(-45deg);
    border: 1px solid #c6002a;
    border-width: 0 2px 2px 0;
    border-radius: 1px;
  }
}
@media all and (min-width: 991px) {
  header .nav {
    overflow: visible;
    -ms-flex-direction: row;
    flex-direction: row;
    width: auto;
    height: auto;
    -ms-flex-order: 1;
    order: 1;
    flex-grow: 1;
  }

  .nav__list {
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .nav__item {
    border-bottom: 0;
  }

  .nav__sub {
    top: 100px;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    background-color: #ffffff;
    position: absolute;
    left: -999em;
    border: 1px solid rgba(33, 33, 33, 0.08);
    border-radius: 12px;
    box-shadow: 0px 12px 24px rgba(33, 33, 33, 0.12);
  }

  .nav__item--has-sub {
    padding-right: 3rem;
  }

  .nav__item--has-sub:before {
    position: absolute;
    right: 1.5rem;
    top: calc(50% - 8px);
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    transform: rotate(45deg);
    border: 1px solid #999;
    border-width: 0 2px 2px 0;
    border-radius: 1px;
    transition: all 0.1s ease-in-out;
  }

  .nav__sub--opened:before {
    border-color: #000001;
  }

  .nav__item--has-sub:hover:before {
    border-color: #212121;
    transform: rotate(225deg);
    top: calc(50% - 2px);
    cursor: pointer;
  }

  .nav .nav__sub-opener {
    display: none;
  }

  .nav__item--top-level:hover > .nav__link {
    color: #212121;
  }

  .nav__item:focus .nav__sub,
.nav__item:hover .nav__sub {
    top: 3.25rem;
    left: 0;
    margin-top: 2px;
    padding: 0.5rem 1rem 0.5rem 1rem;
    position: absolute;
  }

  .nav__link--sub {
    padding: 0.5rem 0 0.5rem 2rem;
    white-space: nowrap;
    position: relative;
  }

  .nav__link--sub:before {
    position: absolute;
    left: 0;
    top: calc(50% - 6px);
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    transform: rotate(-45deg);
    border: 1px solid #c6002a;
    border-width: 0 2px 2px 0;
    border-radius: 1px;
  }

  .nav__link--sub:hover {
    text-decoration: none;
    color: #00aceb;
  }
}
@media all and (min-width: 991px) and (max-width: 1199px) {
  header .nav {
    margin-left: 2rem;
  }

  .nav__item {
    padding: 0 1rem 0 0;
  }

  .nav__item--has-sub {
    padding-right: 2.5rem;
  }

  .nav__item--has-sub:before {
    right: 1rem;
  }
}
.nav__sub {
  height: auto;
}

.nav__item:focus .nav_sub,
.nav__item:hover .nav_sub {
  height: auto;
}

.nav__item--taalswitch .nav__link,
.nav__item--taalswitch .nav__sub .nav__link--sub {
  padding-left: 0;
}

.nav__item--taalswitch .nav__link:before,
.nav__item--taalswitch .nav__sub .nav__link--sub:before {
  content: none;
}

@media all and (max-width: 991px) {
  .nav__item--has-sub .nav__sub {
    display: none;
  }

  .nav__sub--opened .nav__sub {
    display: block;
  }

  .nav__item--has-sub .nav__sub li:last-child {
    border-bottom: none;
  }

  .nav__item--top-level {
    position: relative;
  }

  .nav__sub-opener {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 4rem;
    height: 3rem;
    content: "";
    white-space: nowrap;
    text-indent: 5rem;
  }

  .nav__sub-opener:after {
    position: absolute;
    top: calc(50% - 4px);
    right: 1.5rem;
    width: 9px;
    height: 9px;
    content: "";
    transition: transform 0.5s ease, top 0.5s ease;
    transform: rotate(-45deg);
    border: 1px solid #999;
    border-width: 0 0 2px 2px;
    border-radius: 1px;
  }

  .nav__sub--opened .nav__sub-opener:after {
    top: 50%;
    transform: rotate(135deg);
  }

  .nav__item--taalswitch .nav__sub-opener {
    position: relative;
  }

  .nav__item--taalswitch .nav__sub-opener:after {
    left: 0.2rem;
  }
}
h3.page-menu-block__header {
  margin: 3rem 0 0.75rem 0;
}

.page-menu-block__header {
  font-size: 0.75rem;
  text-transform: uppercase;
  margin-bottom: 0;
}

.page-menu__list {
  margin-bottom: 4rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

@media all and (max-width: 991px) {
  .page-menu__list {
    margin-bottom: 2rem;
    padding: 0 1rem;
  }
}
.page-menu__item,
.spacer {
  line-height: 1.5rem;
  position: relative;
  padding: 0;
}

.page-menu__link {
  padding: 0.75rem 0 0.75rem 2rem;
  border-bottom: 1px solid #eee;
  display: flex;
  cursor: pointer;
}

.page-menu__link h5 {
  margin: 0;
}

.page-menu__item ul {
  margin-left: 1rem;
}

.page-menu__item .page-menu__link:hover + .toggle:before {
  border-color: #00aceb;
}

.parent-item.has-sublevel.open,
.page-menu__item.has-sublevel.open,
.spacer.has-sublevel.open {
  padding-bottom: 0;
}

.spacer {
  height: 2.5rem;
}

.parent-item .skip-link.nav-link {
  font-size: 1rem;
  display: block;
  width: 100%;
  height: auto;
  line-height: 1.5rem;
  max-height: 4.5rem;
  padding: 0 0 1.5rem 0;
  margin: 1.5rem 0 0;
  text-align: left;
  text-transform: none;
  color: #212121;
  border: 0;
  background-image: none;
  border-bottom: 1px solid #eeeeee;
}

.parent-item .skip-link.nav-link:after,
.parent-item .skip-link.nav-link:before {
  border: 0;
}

.parent-item .skip-link.nav-link:focus,
.parent-item .skip-link.nav-link:hover {
  color: #212121;
}

.page-menu__item ul {
  padding-left: 0;
  list-style: none;
}

.page-menu__item ul li:first-child {
  border-top: none;
}

.page-menu--clone .page-menu__item ul {
  display: block !important;
}

.page-menu__item .toggle {
  position: absolute;
  top: 0.875rem;
  right: 5px;
  width: 19px;
  height: 19px;
  cursor: pointer;
}

.page-menu__item .toggle,
.page-menu__item .toggle:hover,
.page-menu__item.open .toggle {
  background: none;
}

.connect-widget .toggle:before,
.page-menu__list .page-menu__item .toggle:before {
  position: absolute;
  right: 1.5rem;
  top: calc(50% - 8px);
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(45deg);
  border: 1px solid #999;
  border-width: 0 2px 2px 0;
  border-radius: 1px;
}

.page-menu__list .page-menu__item.open .toggle:before {
  transform: rotate(225deg);
  top: calc(50% - 3px);
}

.page-menu--clone .page-menu__item .toggle {
  display: none;
}

.page-menu__item:before {
  position: absolute;
  left: 0;
  top: calc(50% - 7px);
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(-45deg);
  border: 1px solid #c6002a;
  border-width: 0 2px 2px 0;
  border-radius: 1px;
}

.page-menu__item.has-sublevel:before {
  top: 1.125rem;
}

/* .page-menu__item:last-child {
    border-bottom: 1px solid #eee;
} */
.has-sublevel .page-menu__item:last-child {
  border-bottom: 0;
}

.page-menu__link {
  text-decoration: none;
  color: #999;
}

.page-menu__link--active {
  color: #212121;
}

a.page-menu__link:hover {
  color: #00aceb;
}

span.page-menu__link {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 1.5rem 0 0.5rem;
  margin: 0;
  border-bottom: 1px solid #eeeeee;
}

.delete.delete:after {
  position: absolute;
  right: 0;
  content: "\000078";
}

.delete.delete:hover,
.delete.delete:focus {
  text-decoration: line-through;
  color: #c6002a;
}

.page-menu {
  position: relative;
}

.page-menu .btn,
.page-menu .close-icon {
  display: none;
}

.toggle {
  overflow: hidden;
  width: 17px;
  height: 17px;
  white-space: nowrap;
  text-indent: 2rem;
  border-radius: 8px;
  background-color: #999;
  background-image: none;
  position: relative;
}

.toggle:before {
  position: absolute;
  width: 5px;
  height: 5px;
  content: "";
  transform: rotate(135deg);
  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
}

.toggle:before {
  top: 3px;
  left: 4px;
  transition: top 0.2s ease, transform 0.2s ease;
}

.page-menu__item .toggle:before {
  top: 5px;
  left: 5px;
}

.open .toggle,
.toggle:hover {
  background-color: #00aceb;
}

.open .toggle:before,
.toggle:hover:before {
  top: 5px;
  transform: rotate(-135deg);
}

.accordion .toggle {
  top: 1rem;
}

.accordion a.active {
  background-color: transparent;
}

.accordion ul {
  padding-left: 0;
}

.accordion a {
  text-decoration: none;
}

@media all and (max-width: 1199px) {
  .page-menu__container {
    position: relative;
    left: -999em;
    height: 0;
    -ms-flex-order: 2;
    order: 2;
  }

  .page-menu__container.js-open,
:target .page-menu__container {
    z-index: 0;
    left: 0;
    height: auto;
    margin-top: 1rem;
  }

  .nav-link.clicked {
    text-indent: 0;
  }

  .page-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1rem;
    padding: 0;
    border: 1px solid #eee;
    border-width: 1px 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .page-menu .btn,
.page-menu .close-icon {
    display: inline-block;
    max-height: 3rem;
  }

  .page-menu .close-icon {
    position: absolute;
    top: -4rem;
    left: 0;
    visibility: hidden;
    border-right: 0;
  }

  .page-menu .btn {
    margin-top: 0.625rem;
  }

  .page-menu .nav-link {
    font-size: 1rem;
    position: relative;
    display: block;
    width: auto;
    height: 4.3rem;
    margin-right: 1rem;
    padding: 1.45rem 2rem 0 3rem;
    text-transform: none;
    border-right: none;
    background-position: 1rem calc(50% + 1px);
  }

  .page-menu .nav-link:after {
    position: absolute;
    top: calc(50% - 7px);
    right: 2px;
    display: inline-block;
    width: 9px;
    height: 9px;
    content: "";
    transform: rotate(45deg);
    border: 1px solid #00aceb;
    border-width: 0 2px 2px 0;
  }

  .page-menu .clicked:after {
    top: calc(50% - 2px);
    transform: rotate(-135deg);
  }

  .page-menu .skip-link {
    color: #000001;
    background-size: 1rem;
  }
}
.page-menu--clone > .skip-link.nav-link,
.page-menu--clone .btn--primary {
  display: none;
}

.page-menu--clone .page-menu__container {
  left: 0;
  height: auto;
}

@media all and (min-width: 1199px) {
  .page-menu--clone {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .page-menu {
    margin-top: -3px;
    border-color: transparent;
  }

  .page-menu .skip-link {
    width: 100%;
    margin-right: 0;
    text-align: left;
    border: 1px solid #eee;
    border-width: 1px 0;
  }

  .page-menu .skip-link:after {
    right: 1rem;
  }

  .page-menu .btn {
    margin: 0.9375rem;
  }

  .page-menu-block__header {
    padding: 0 1rem;
  }
}
/* css */
.result__list {
  margin-left: 0;
  padding-left: 0;
}

.sg-pattern-example .result__list {
  max-width: 900px;
  margin: 0 auto;
}

@media all and (min-width: 540px) {
  .result__list--grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .result__list--grid .result-block {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: calc(50% - 1rem);
    padding-bottom: 0;
  }

  .result__list--grid .result-block__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .result__list--grid .result-block__content-container {
    width: 100%;
    margin-left: 0;
  }

  .result__list--grid .result-block__image-container {
    min-width: 100%;
  }

  .result__list--narrow .result-block {
    max-width: 50%;
  }
}
@media all and (min-width: 769px) {
  .result__list--grid .result-block {
    max-width: calc(33% - 1rem);
    margin-right: 1rem;
  }
}
.submenu {
  border-bottom: 1px solid #eee;
}

.submenu .layout-full-width-block__content {
  margin-bottom: 0;
}

.submenu__list {
  padding: 0;
  list-style: none;
}

.submenu__item.alignright {
  float: right;
}

.submenu__item {
  display: inline-block;
}

.submenu__link {
  font-size: 0.875rem;
  display: block;
  padding: 1rem 1rem 1rem 0;
  text-decoration: none;
  color: #999;
}

.submenu__link--active {
  color: #000001;
}

.submenu__link:hover {
  text-decoration: underline;
  color: #00aceb;
}

.submenu__link:focus {
  outline: none;
}

@media all and (max-width: 991px) {
  .submenu {
    display: none;
  }
}
.tabs {
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #eee;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .tabs {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  [role=tablist] a,
[role=tablist] li {
    position: static;
    display: block;
  }

  [role=tablist] [aria-selected] {
    position: static;
  }
}
/* templates */
.resultpage__content {
  display: -ms-flexbox;
  display: flex;
  flex: 1;
}

.resultpage__list {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media all and (max-width: 767px) {
  .resultpage__list {
    padding: 0 1rem;
  }
}
.active-filters__container {
  display: none;
  margin-bottom: 20px;
}

.resultpage__footer h5 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}

@media all and (min-width: 991px) {
  /*
  .resultpage__list {
      display: flex;

      flex-wrap: wrap;
  }
  .active-filters__container,
  .resultpage__footer,
  .resultpage__header {
      flex: 0 1 100%;

      padding-left: $sidebar;
  }
  .resultpage__header {
      order: 0;
  }
  .active-filters__container {
      order: 1;
  }
  .filter__button {
      display: none;
  }
  .resultpage__aside {
      flex: 0 1 $sidebar;

      margin-top: -3rem;

      order: 2;
  }
  .resultpage__content {
      //flex: 0 1 calc(100% - 285px);
      flex: 1;

      order: 3;// hi
  }
  .resultpage__footer {
      padding-left: 0;

      order: 4;
  }
  */
  .resultpage__list {
    display: grid;
    display: -ms-grid;
    width: 100%;
    height: 100%;
    grid-gap: 1.5rem;
    grid-template-columns: 263px 1fr;
    grid-template-rows: 50px auto 1fr 100px;
    grid-template-areas: "aside header" "aside sub-header" "aside content" "aside footer";
    -ms-grid-columns: 263px 1fr;
    -ms-grid-rows: 50px auto 1fr 100px;
  }

  .active-filters__container,
.resultpage__footer.resultpage__footer,
.resultpage__header {
    padding-left: 0;
  }

  .resultpage__header {
    grid-area: header;
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }

  .active-filters__container {
    margin-bottom: 0;
    grid-area: sub-header;
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }

  .resultpage__aside {
    margin-top: 0;
    grid-area: aside;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-row-span: 2;
  }

  .resultpage__content {
    grid-area: content;
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }

  .resultpage__footer {
    grid-area: footer;
    -ms-grid-row: 4;
    -ms-grid-column: 2;
  }
}
@media all and (max-width: 991px) {
  .resultpage__filters {
    display: none;
    column-count: 2;
  }

  .resultpage__filters:target {
    display: block;
  }

  .filter__header {
    column-span: all;
  }

  .resultpage__aside {
    padding: 0.7rem 0;
    border-top: 1px solid #eee;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .active-filters__container {
    display: none;
  }

  .filter__button--hide {
    order: 5;
    background-color: #999;
  }
}
/*
    testing
*/
/*
    Let op, er kunnen maar 6 items max op de homepage komen te staan.
    Als er meer moeten staan moet ook in de jsp iets aangepast worden...

    zie: createwidgetcounter-class.jsp

*/
.homepage__top {
  margin-top: -7rem;
}

.homepage__top,
.homepage__bottom {
  padding: 1.5rem 0;
}

/* .homepage__top .image-block,
.homepage__bottom .image-block {
    margin-top: 20px;
} */
.homepage__top .l-container,
.homepage__bottom .l-container {
  padding: 0 10px;
}

@media all and (min-width: 540px) {
  .homepage__top .l-container,
.homepage__bottom .l-container {
    display: -ms-grid;
    display: grid;
    padding: 0 20px;
    grid-gap: 1rem;
  }
}
@media all and (min-width: 768px) {
  .homepage__top .l-container,
.homepage__bottom .l-container {
    grid-gap: 1.5rem;
  }
}
.homepage__top {
  background-color: #eee;
}

@media all and (min-width: 540px) {
  .homepage__top .l-container {
    grid-template-areas: "a a" "b b" "c d";
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 30px 1fr;
    -ms-grid-rows: auto 30px auto 30px auto 30px;
  }

  .homepage__top .l-container .image-block {
    margin-top: 0;
  }

  .homepage__top .l-container .l-hp-1,
.homepage__top .l-container .l-hp-2 {
    position: relative;
    z-index: 5;
  }
}
@media all and (min-width: 991px) {
  .homepage__top .l-container {
    grid-template-areas: "a a a a b b" "c c c d d d";
    grid-template-columns: repeat(6, 1fr);
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
  }
}
.homepage__top .l-container .l-hp-1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: a;
}

@media all and (min-width: 991px) {
  .homepage__top .l-container .l-hp-1 {
    -ms-grid-column-span: 7;
  }
}
.homepage__top .l-container .l-hp-2 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: b;
}

@media all and (min-width: 991px) {
  .homepage__top .l-container .l-hp-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
  }
}
.homepage__top .l-container .l-hp-3 {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: c;
}

@media all and (min-width: 991px) {
  .homepage__top .l-container .l-hp-3 {
    -ms-grid-column-span: 5;
  }
}
.homepage__top .l-container .l-hp-4 {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  grid-area: d;
}

@media all and (min-width: 991px) {
  .homepage__top .l-container .l-hp-4 {
    -ms-grid-column: 7;
    -ms-grid-column-span: 5;
  }
}
/* @media all and (min-width: 768px) {
    .l-hp-3,
    .l-hp-4,
    .international .l-hp-5,
    .international .l-hp-6 {
        height: 229px;
    }
} */
/* @media all and (min-width: 991px) {
    .l-hp-3,
    .l-hp-4,
    .international .l-hp-5,
    .international .l-hp-6 {
        height: 309px;
    }
} */
.international .homepage__bottom {
  padding-top: 0;
}

@media all and (min-width: 540px) {
  .homepage__bottom .l-container {
    -ms-grid-rows: 1fr 1fr;
  }

  .homepage__bottom .l-container .l-hp-5 {
    -ms-grid-row: 1;
  }

  .homepage__bottom .l-container .l-hp-6 {
    -ms-grid-row: 2;
  }
}
@media all and (min-width: 768px) {
  .homepage__bottom .l-container {
    grid-template-areas: "e f";
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 30px 1fr;
    -ms-grid-rows: auto;
  }

  .homepage__bottom .l-container .l-hp-5 {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: e;
  }

  .homepage__bottom .l-container .l-hp-6 {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: f;
  }
}
/* Added super specificity so only the paragraphs on the homepage are overwritten */
.homepage__top .cta-block__container .cta-block .image-block__content p {
  max-height: none;
}

@media all and (min-width: 319px) {
  .international .homepage__bottom .l-container {
    -ms-grid-rows: 1fr 1fr;
  }

  .international .homepage__bottom .l-container .l-hp-5 {
    -ms-grid-row: 1;
  }

  .international .homepage__bottom .l-container .l-hp-6 {
    -ms-grid-row: 2;
  }
}
@media all and (min-width: 540px) {
  .international .homepage__bottom .l-container {
    grid-template-areas: "e f";
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 30px 1fr;
    -ms-grid-rows: auto;
  }

  .international .homepage__bottom .l-container .l-hp-5 {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: e;
  }

  .international .homepage__bottom .l-container .l-hp-6 {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: f;
  }
}
.homepage__bottom .link-box {
  padding: 0;
}

.new-landing-page__top {
  overflow: hidden;
}

@media all and (min-width: 991px) {
  .new-landing-page__top {
    display: -ms-grid;
    display: grid;
    max-width: 1920px;
    margin: 0 auto;
    grid-template-areas: "header content";
    grid-gap: 1.5rem;
    -ms-grid-columns: 35% 20px 65%;
    grid-template-columns: 35% 65%;
  }
}
.new-landing-page__header--image .new-landing-page__header-background {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 1s ease-in-out;
}

.new-landing-page__header--image.animate:hover .new-landing-page__header-background {
  transform: scale(1.05, 1.05);
}

@media all and (min-width: 991px) {
  .new-landing-page__header--image .new-landing-page__header-background {
    background-position: top right;
    background-size: cover;
  }
}
.new-landing-page__header--red p {
  font-size: 2.5rem;
  line-height: 1;
  margin-bottom: 0;
  text-transform: uppercase;
}

@media all and (min-width: 768px) {
  .new-landing-page__header--red p {
    font-size: 48px;
  }
}
@media all and (min-width: 991px) {
  .new-landing-page__header--red p {
    font-size: 64px;
  }
}
.new-landing-page__header--red p + p {
  color: #000001;
}

.new-landing-page__header-container {
  position: relative;
  width: 100%;
  min-height: 300px;
  /* padding: 1em; */
  color: #fff;
  background-color: #c6002a;
  -ms-grid-column: 1;
  grid-area: header;
  overflow: hidden;
}

@media screen and (max-width: 990px) {
  .new-landing-page__header-caption {
    justify-content: flex-end;
  }
}
.new-landing-page__header-caption * {
  max-height: none;
}

@media all and (min-width: 991px) {
  .new-landing-page__header-container {
    max-width: 750px;
    height: 100%;
    min-height: calc(100vh - 100px);
  }
}
.new-landing-page__header-image:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.15);
}

.new-landing-page__header-caption {
  position: relative;
  z-index: 5;
  padding: 1rem;
  color: #fff;
  align-items: flex-start;
}

@media all and (min-width: 991px) {
  .new-landing-page__header-caption {
    margin-top: 7.8rem;
    margin-left: auto;
    margin-right: 0;
    max-width: 504px;
    padding: 0 3rem;
  }
}
.new-landing-page__header-title {
  font-size: 2rem;
}

.new-landing-page__header-content {
  font-size: 1rem;
}

.new-landing-page__content {
  -ms-grid-column: 3;
  grid-area: content;
}

.new-landing-page__content-container {
  padding: 20px 0;
}
.new-landing-page__content-container:empty {
  padding: 0 !important;
}

@media screen and (max-width: 767px) {
  .new-landing-page__content-container {
    padding: 1.875rem 1rem 0.9375rem;
  }
}
.new-landing-page__content:last-child {
  margin-bottom: 4rem;
}

@media all and (min-width: 991px) {
  .new-landing-page__content--top {
    max-width: 750px;
  }
}
.new-landing-page__content-container.l-grid--2 .l-grid--c3,
.new-landing-page__content-container.l-grid--2 .l-grid--c4 {
  grid-column: span 2;
}

.new-landing-page__content--gray {
  background-color: #ccc;
}

@media all and (min-width: 991px) {
  .new-landing-page__content--2-3 .new-landing-page__content-container {
    display: -ms-grid;
    display: grid;
    grid-gap: 1.5rem;
    -ms-grid-template-columns: 2fr 20px 1fr;
    grid-template-columns: 2fr 1fr;
  }
}
.new-landing-page__open-dag,
.attention-block__container {
  display: -ms-flexbox;
  display: flex;
}

@media all and (max-width: 767px) {
  .attention-block__container {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .attention-block__container .attention-block + .attention-block {
    margin-top: 0.9375rem;
    margin-left: 0;
  }

  .new-landing-page__content-container.l-container .l-grid--c1,
.new-landing-page__content-container.l-container .l-grid--c2,
.new-landing-page__content-container.l-container .l-grid--c3,
.new-landing-page__content-container.l-container .l-grid--c4 {
    grid-column: span 1;
  }
}
.new-landing-page__open-dag {
  -ms-flex-direction: column;
  flex-direction: column;
}

.new-landing-page__open-dag .open-dag {
  height: 100%;
  margin-top: 0;
}

.l-grid {
  /*ie solution that requires more work*/
  /*display: -ms-grid;*/
  display: grid;
  grid-gap: 1.5rem;
}

@media all and (min-width: 600px) {
  .l-grid--2 {
    /*-ms-grid-template-columns: 1fr 20px 1fr;*/
    /*-ms-grid-rows: auto 20px auto 20px auto 20px auto;*/
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }
}
@media all and (min-width: 600px) {
  .l-grid--4 {
    /*-ms-grid-columns: 1fr;*/
    /*-ms-grid-rows: auto 20px auto*/
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }
}
@media all and (min-width: 768px) {
  .l-grid--4 {
    /*-ms-grid-columns: 1fr 2px 1fr;*/
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }
}
@media all and (min-width: 991px) {
  .l-grid--4 {
    /*-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;*/
    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
  }
}
@media all and (min-width: 600px) {
  .l-grid--c1 {
    /*-ms-grid-column-span: 1;*/
    grid-column: span 1;
  }

  .l-grid--c2 {
    /*-ms-grid-column-span: 2;*/
    grid-column: span 2;
  }

  .l-grid--c3 {
    /*-ms-grid-column-span: 2;*/
    grid-column: span 2;
  }

  .l-grid--c4 {
    /*-ms-grid-column-span: 2;*/
    grid-column: span 2;
  }
}
@media all and (min-width: 768px) {
  .l-grid--c1 {
    /*-ms-grid-column-span: 1;*/
    grid-column: span 1;
  }

  .l-grid--c2 {
    /*-ms-grid-column-span: 2;*/
    grid-column: span 2;
  }

  .l-grid--c3 {
    /*-ms-grid-column-span: 3;*/
    grid-column: span 3;
  }

  .l-grid--c4 {
    /*-ms-grid-column-span: 3;*/
    grid-column: span 3;
  }
}
@media all and (min-width: 991px) {
  .l-grid--c4 {
    /*-ms-grid-column-span: 4;*/
    grid-column: span 4;
  }
}
/*
    stuff to combat 2017 and before css
*/
::-moz-selection {
  color: #fff;
  background-color: #c6002a;
}

::selection {
  color: #fff;
  background-color: #c6002a;
}

a[class]:hover {
  text-decoration: none;
}

@media all and (max-width: 539px) {
  /* Tables on mobile with two lines are badly aligned */
  .attention-block__content table tbody,
.attention-block__content table tbody tr {
    display: block;
  }

  .attention-block__content table[style],
.attention-block__content td[style],
.attention-block__content th[style] {
    width: 100% !important;
    display: block;
  }
}
.interessegebieden__content.row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5rem;
}

@media (min-width: 768px) and (max-width: 991px) {
  .interessegebieden .interessegebieden__content.row {
    grid-template-columns: 1fr 1fr;
  }
}
/* 
.interessegebieden__header {
    font-size: 2rem;
    margin: 0.9375rem;
} */
.col-md-4 {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 100%;
  min-height: 200px;
}

/* @media all and (min-width: 991px) {
    .interessegebieden__content.row {
        grid-template-columns: 1fr;
    }
} */
@media all and (max-width: 767px) {
  .interessegebieden__content.row {
    grid-template-columns: 1fr;
  }

  .col-xs-12.interessegebieden {
    padding: 0 1rem;
  }
}
.col-md-4.interessegebied__container:hover .interessegebied {
  top: -0.25rem;
  left: 0;
  box-shadow: 0px 12px 24px rgba(33, 33, 33, 0.4);
}

.col-md-4 .interessegebied {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 0;
  left: 0;
  height: 328px;
  color: #212121;
  background-repeat: no-repeat;
  background-position: center -12px;
  background-size: cover;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0px 6px 12px rgba(33, 33, 33, 0.12);
  transition: all 0.2s ease-in-out;
}

.col-md-4 .interessegebied h2,
.col-md-4 .interessegebied p {
  width: 100%;
  margin: 0;
  background-color: white;
}

.interessegebied:hover .col-md-4 .interessegebied h2,
.interessegebied:hover .col-md-4 .interessegebied p {
  background-color: #00aceb;
}

.col-md-4 .interessegebied h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  padding: 1rem;
  position: relative;
}

.col-md-4 .interessegebied h2:after {
  position: absolute;
  right: 20px;
  top: 26px;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(-45deg);
  border: 1px solid #c6002a;
  border-width: 0 2px 2px 0;
  border-radius: 1px;
}

.col-md-4 .interessegebied p {
  padding: 0 1rem 1.5rem;
  color: #555555;
}

.col-md-4 a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: transparent;
  background-color: transparent;
}

.box-program-courses {
  overflow: visible;
}

.box-teaser-list {
  padding: 0;
}

.row {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.grid_1,
.grid_10,
.grid_11,
.grid_12,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9 {
  float: none;
  width: auto;
  padding: 0;
}

.container_12:after,
.container_12:before,
.group:after,
.group:before,
.nav:after,
.nav:before,
.reveal-modal {
  display: none;
}

#programFinderForm,
.box-program-finder-results {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  grid-area: aside;
}

#programFinderForm h5 {
  color: #212121;
}

/* #programFinderForm #interessegebied {
    width: calc(100% - 20px);
} */
#programFinderForm .page-menu {
  border: none;
}

@media all and (min-width: 993px) {
  #programFinderForm .page-menu__container {
    position: relative;
    left: auto;
    width: 100%;
    height: auto;
    order: unset;
  }

  #programFinderForm .nav-link {
    display: none;
  }
}
.box-program-finder-form {
  margin-top: 0;
}

.box-program-finder-form .nav {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.box-program-finder-form .nav .h2 {
  font-size: 1.5rem;
}

.box-program-finder-form .nav .arrowed {
  font-size: 1.25rem;
}

.box-program-finder-form .nav .intensity {
  width: 100%;
  max-width: 100%;
}

.box-program-finder-form .nav li {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-right: 0;
  margin-bottom: 1rem;
}

@media all and (max-width: 991px) {
  .box-program-finder-form .nav li {
    width: 48%;
  }
}
.box-program-finder-results article p {
  font-size: 1rem;
}

@media all and (max-width: 767px) {
  .box-program-finder-results article.box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 1rem;
  }

  .box-program-finder-results article.box p {
    padding-right: 0;
  }

  .box-program-finder-results article.box figure {
    float: none;
    width: 100%;
    margin: 0 0 1rem;
  }
}
.nav-tree.checkboxed {
  border: none;
  margin-top: 0.375rem;
}

.nav-tree.checkboxed * {
  border: none;
  outline: none;
  padding: 0;
}

.nav-tree.checkboxed li {
  line-height: 1.5rem;
}

/* .nav-tree.checkboxed li {
    height: 38px;
} */
.nav-tree.checkboxed li a {
  color: #999999;
  font-weight: normal;
  padding: 0.375rem 0 0.375rem 0.2rem;
  display: flex;
  align-items: center;
}

.nav-tree.checkboxed li a.active {
  color: #212121;
  font-family: "FrutigerLTW05-65Bold";
}

.nav-tree.checkboxed li a.active:after {
  content: none;
}

.nav-tree.checkboxed li a:before {
  width: 18px;
  height: 18px;
  background-image: url("../img/icons/checkbox.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  margin-right: 0.75rem;
}

.nav-tree.checkboxed li a.active:before {
  background-image: url("../img/icons/checkbox-checked.svg");
}

fieldset.filters ul {
  border: none;
  margin-top: 0.375rem;
  padding: 0;
}

fieldset.filters ul li {
  padding: 0;
}

fieldset.filters ul label {
  color: #999999;
  font-weight: normal;
  padding: 0.5rem 0 0.5rem 0.2rem;
  display: flex;
  align-items: center;
  width: 100%;
}

fieldset.filters ul label:before {
  width: 18px;
  height: 18px;
  background-image: url(/assets/studieadres_files/checkbox.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  margin-right: 0.75rem;
}

fieldset.filters ul input.input--filter {
  display: none;
}

fieldset.filters ul input:checked + label:before {
  background-image: url("/assets/studieadres_files/checkbox-checked.svg");
}

.active-filters__container .btn:before {
  content: none;
}

.ec-menu.ec-menu ul a {
  line-height: 20px;
  position: relative;
  height: auto;
  min-height: 40px;
  padding: 0 20px 10px 10px;
}

.ec-menu ul a span.count,
.ec-menu ul a:hover span.count {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
  margin-right: 5px;
}

a.social {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #333;
  background-size: 30px 30px;
}

.widget-share-item {
  display: block;
  margin-top: 10px;
}

input[type=search].search-white {
  box-sizing: border-box;
}

.onderzoek-banner .banner-subtitle,
.expertisecentrum .summary {
  line-height: inherit;
}

.widget-news ul {
  padding-left: 0;
}

@media all and (min-width: 991px) {
  div#searchBox + .l-container {
    width: 25%;
  }
}
@media (min-width: 768px) {
  div#searchBox + .l-container {
    width: 50%;
  }
}
div#searchBox + .l-container .col-md-3 {
  width: 100%;
}

@media (max-width: 991px) and (min-width: 768px) {
  .item-title {
    line-height: inherit;
  }
}
.box-program-finder-results article .more i,
.box-program-finder-results article .more a {
  font-size: 12px;
}

@media all and (max-width: 767px) {
  .box-program-finder-form .nav .arrowed {
    font-size: 0.9rem;
  }

  .box-program-finder-form .nav .h2 {
    font-size: 1.25rem;
    height: auto !important;
  }
}
article ul,
article ol {
  margin-left: 20px;
}

/*! Agenda - Events */
.result__list--events .date {
  display: flex;
  flex: 0 0 247px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "FrutigerLTW05-65Bold", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 0.833333;
  color: #ffffff;
  background-color: #c6002a;
}

.result__list--events .date strong {
  display: block;
  font-size: 48px;
  font-size: 4.8rem;
  margin-bottom: 20px;
}

.result__list--events h4 {
  line-height: 1.8rem;
  max-height: 3.6rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
  color: #212121;
}

.result__list--events h3 {
  line-height: 1.8rem;
  max-height: 3.6rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
  color: #212121;
}

/* Time in heading */
.result__list--events h2 .time {
  font-size: 16px;
  font-size: 1.6rem;
  margin-left: 0.5em;
}

.result__list--events article {
  display: flex;
  width: 100%;
  height: 247px;
  background-color: white;
}

.result__list--events .body .description p {
  line-height: 1.8rem;
  height: 3.6rem;
  max-height: 3.6rem;
  overflow: hidden;
  color: #555555;
}

.result__list--events .result-block__content-container {
  width: auto;
  flex: 1;
}

.result__list--events .result-block__link-more {
  position: absolute;
  bottom: 20px;
}

.result__list--events h3 {
  display: none;
}

.result__list--events h4 {
  display: block;
}

@media (max-width: 375px) {
  .result__list--events h3 {
    display: block;
  }

  .result__list--events h4 {
    display: none;
  }
}
/** Events -- Mobile */
@media (max-width: 48rem) {
  .result__list--events article {
    height: auto;
    flex-direction: column;
  }

  .result__list--events .result-block__link-more {
    position: relative;
    bottom: auto;
  }

  .result__list--events .date {
    flex-basis: 193px;
  }

  .result__list--events h3 {
    display: block;
  }

  .result__list--events h4 {
    display: none;
  }

  .result-block:hover .result-block__link {
    top: -0.25rem;
    left: 0;
    box-shadow: 0px 12px 24px rgba(33, 33, 33, 0.4);
  }
}
.result__list * {
  transition: all 0.2s ease-in-out;
}

/*! News items */
.result__list--news .result-block:not(:last-child) {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #eeeeee;
}

.result__list--news .result-block__link {
  border: none;
  box-shadow: none;
  overflow: visible;
}

.result__list--news .result-block__content-container {
  padding: 1.25rem 1.5rem;
}

.result__list--news .result-block__image-container {
  flex: 0 0 240px;
  width: 240px;
  min-width: 240px;
  min-height: 240px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0px 6px 12px rgba(33, 33, 33, 0.12);
}

.result__list--news p {
  line-height: 1.8rem;
  max-height: 3.6rem;
  overflow: hidden;
  color: #555555;
  margin-bottom: 0.5rem;
}

/** News -- Mobile */
@media (max-width: 48rem) {
  .result__list--news .result-block {
    padding-bottom: 0;
  }

  .result__list--news .result-block__link {
    flex-direction: column;
  }

  .result__list--news .result-block__image-container {
    /* flex-basis: 193px; */
    flex-basis: auto;
    min-height: 0;
    width: 100%;
  }

  .result__list--news .result-block:hover .result-block__image-container {
    border-radius: 0;
  }

  .result__list--news .result-block__content-container {
    width: auto;
    padding: 1rem;
  }

  .result__list--news .result-block__image:not(.mobile-only) {
    max-height: 193px;
  }
}
/*! Programs */
.result__list--programs .result-block__image-container {
  flex: 0 0 240px;
  width: 240px;
  height: 135px;
  min-width: 240px;
  min-height: 135px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0px 6px 12px rgba(33, 33, 33, 0.12);
  background-color: #2a8bbf;
}

.result__list--programs .result-block .result-block__link {
  left: 0;
  top: 0;
  box-shadow: none;
}

.result__list--programs .result-block:first-child {
  padding-top: 0;
}

.result__list--programs .result-block {
  padding: 1.5rem 0;
  border-bottom: 1px solid #e0e0e0;
  margin: 0;
}

.result__list--programs .result-block__content-container {
  padding: 0 0 0 1.5rem;
}

.result__list--programs .result-block:hover .result-block__link {
  left: 0;
  top: 0;
  box-shadow: none;
}

.result__list--programs .result-block:hover .result-block__image-container {
  border-radius: 12px;
}

.result__list--programs .result-block__content {
  display: block;
}

.result__list--programs .result-block__content p {
  max-height: 4rem;
  overflow: hidden;
}

@media (max-width: 36rem) {
  .result__list--programs .result-block__link {
    flex-direction: column;
  }

  .result__list--programs .result-block__image-container {
    flex: 1;
    width: auto;
    max-height: 193px;
    height: auto;
  }

  .result__list--programs .result-block__content-container {
    padding: 1.5rem 0 0 0;
  }
}
/*! Locations */
.result__list--locations .result-block {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e0e0e0;
}

.result__list--locations .result-block__link {
  border: none;
  box-shadow: none;
  overflow: visible;
}

.result__list--locations .result-block__image-container {
  flex: 0 0 240px;
  width: 240px;
  height: 135px;
  min-width: 240px;
  min-height: 135px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0px 6px 12px rgba(33, 33, 33, 0.12);
}

.result__list--locations .result-block:hover .result-block__image-container {
  border-radius: 12px;
}

.result__list--locations .result-block__content-container {
  padding: 0.625rem 0 0 1.5rem;
}

.result__list--locations .result-block:hover .result-block__link {
  left: 0;
  top: 0;
  box-shadow: none;
}

.result__list--locations .result-block__header {
  margin-bottom: 1rem;
  max-height: 2rem;
  overflow: hidden;
}

.result__list--locations .result-block__content {
  margin-bottom: 1rem;
}

.result__list--locations .result-block .avans-link {
  font-family: "FrutigerLTW05-65Bold", helvetica, sans-serif;
}

.landing-page__article h2 {
  padding-bottom: 1.5rem;
  margin-top: 1.5rem;
  border-bottom: 1px solid #cccccc;
}

@media (max-width: 56rem) {
  .result__list--locations .result-block {
    padding-bottom: 0;
  }

  .landing-page__article h3 span[id] {
    top: -7rem;
  }

  .result__list--locations .result-block__link {
    flex-direction: column;
  }

  .result__list--locations .result-block__image-container {
    flex-basis: 193px;
    min-height: 0;
    width: 100%;
  }

  .result__list--locations .result-block__content {
    display: block;
  }

  .landing-page__article h1.page-header {
    font-size: 2rem;
    margin: 0;
  }

  .landing-page__article h2 {
    margin-top: 0;
    margin-bottom: 1.5rem;
  }

  .result__list--locations .result-block__content-container {
    width: auto;
    padding: 1.25rem 0;
  }
}
/* generic hover interactions for cta blocks */
.cta-block.cta-block--red {
  background-color: #e899aa;
  color: #212121;
}

.cta-block__container {
  position: relative;
  border-radius: 12px;
  background: none;
}

.cta-block__container .cta-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 12px;
  box-shadow: 0px 6px 12px rgba(33, 33, 33, 0.12);
  transition: all 0.2s ease-in-out;
  height: 100%;
}

.cta-block__container .cta-block__link {
  text-decoration: none;
  color: inherit;
}

.cta-block__container .cta-block.expertisecentrum {
  height: 370px;
}

.cta-block__container--has-button:hover .cta-block {
  top: -0.25rem;
  left: 0;
  box-shadow: 0px 12px 24px rgba(33, 33, 33, 0.4);
}

.cta-block__container .cta-block:before {
  /* background-color: rgba(0, 0, 0, 0.2); */
  opacity: 1;
}

.cta-block__container:hover .cta-block:before {
  /* background-color: rgba(0, 0, 0, 0.2); */
  opacity: 0.5;
}

@media all and (min-width: 768px) {
  .result-block__buttons {
    position: absolute;
    bottom: 20px;
  }
}
.result-block__buttons .result-block__link-more {
  position: relative;
  bottom: auto;
}

/* generic read more link buttons */
.avans-link,
.btn--link-more,
.result-block__link-more {
  position: relative;
  color: #c6002a;
  display: inline-flex;
  align-items: center;
  padding-right: 0.5rem;
  font-family: "FrutigerLTW05-65Bold", helvetica, sans-serif;
}

.avans-link:hover,
.btn--link-more:hover,
.result-block__link-more:hover {
  color: #830d26;
  text-decoration: underline !important;
}

.avans-link:hover:after,
.btn--link-more:hover:after,
.result-block__link-more:hover:after {
  background-color: #830d26;
}

.avans-link:after,
.btn--link-more:after,
.result-block__link-more:after {
  content: "";
  background-color: #c6002a;
  width: 28px;
  height: 14px;
  display: block;
  -webkit-mask-image: url(../img/icons/chevron-right-outline-white.svg);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(../img/icons/chevron-right-outline-white.svg);
  mask-position: center;
  mask-repeat: no-repeat;
}

.avans-link:hover:before .btn--link-more:hover:before,
.result-block__link-more:hover:before {
  border-color: #830d26;
}

a.btn.avans-link {
  padding: 0;
  min-height: 3rem;
}

.avans-link-secondary {
  color: #2a8bbf;
}

.avans-link-secondary:hover {
  color: #215b79;
}

.avans-link-secondary:before {
  border-color: #2a8bbf;
}

.avans-link-secondary:hover:before {
  border-color: #215b79;
}

/*! Page header tabs */
.page-header__tabs ul {
  overflow: auto;
  white-space: nowrap;
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
}

.page-header__tabs ul::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}

.page-header__tabs ul .btn.active:hover,
.page-header__tabs ul .btn:hover {
  color: #2a8bbf;
}

@media all and (max-width: 767px) {
  .landing-page__article.hasSticky--header .header__container {
    margin: 0 -1rem;
    padding: 0;
  }

  .landing-page__article.hasSticky--header .header__container.isSticky {
    border: none;
    box-shadow: rgba(0, 0, 0, 0.2) 0 4px 4px;
  }

  .landing-page__article .header__container .page-header {
    padding: 1rem 1rem 0;
  }

  .page-header__tabs {
    /* margin: 0 -1rem;*/
    padding: 0 1rem;
    font-size: 0;
  }

  .landing-page__article {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.hasSticky--header .header__container {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 1.5rem;
}

.page-header__tabs ul .btn {
  font-size: 1rem;
  line-height: 1.5rem;
  width: auto;
  padding: 1rem 0;
  margin: 0;
  min-width: 0;
  color: #999999;
  border-bottom: 2px solid transparent;
  border-radius: 0;
}

.page-header__tabs ul .btn:before {
  content: none;
}

.page-header__tabs ul .btn.active {
  border-bottom: 2px solid #2a8bbf;
  color: #212121;
}

.page-header__tabs ul .btn {
  height: 100%;
}

.page-header__tabs ul li:not(:last-child) .btn {
  margin-right: 1.5rem;
}

.landing-page__article h3 {
  position: relative;
  padding: 1.5rem 0;
  border-bottom: 1px solid #cccccc;
  max-height: none;
}

.landing-page__article h3 span {
  position: absolute;
  top: -10rem;
}

.page-filter .content-page__filter {
  padding-bottom: 1.5rem;
  margin-top: -0.25em;
  /* Compensate the titles margin-bottom */
}

@media all and (max-width: 991px) {
  .content-page__filter {
    margin-left: 0;
    padding-left: 0;
  }
}
.vacancy-list article {
  /* padding-bottom: 1.5rem; */
  border-bottom: 1px solid #eeeeee;
}

.vacancy-list article .vacancy-list--item {
  left: 0;
  top: 0;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  display: block;
}

/* .vacancy-list article:hover .vacancy-list--item {
    left: 0.25rem;
    box-shadow: $style-card-shadow;
} */
.vacancy-list .vacancy-list--item h4 {
  margin: 1rem 0 0.5rem 0;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #212121;
  max-height: 4rem;
  overflow: hidden;
}

.vacancy-list .vacancy-list--item p {
  margin-bottom: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  max-height: 3rem;
  color: #555555;
  overflow: hidden;
}

.vacancy-list .vacancy-list--item .vacancy-list-sub {
  padding: 0;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  color: #555555;
}

.vacancy-list .vacancy-list--item .avans-link {
  padding-left: 0;
  font-size: 1rem;
  margin-bottom: 1.5rem;
}

.page-filter__container {
  margin-bottom: 1.5rem;
}

/* .hs_platform_form .formbuttons input.btn.submit, */
.hs_applybutton a.hs_apply_button.ats-event,
a.hs_a_login.ats-event,
a.hs_a_register.ats-event,
a.portal_page_button.ats-event {
  position: relative;
  font-size: 1rem;
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-radius: 24px;
  padding: 0.75rem 2.7rem 0.75rem 1.5rem;
  line-height: 1.5rem;
  color: #fff;
  background: none;
  background-color: #c6002a;
  font-family: "FrutigerLTW05-65Bold", helvetica, sans-serif;
  font-weight: normal;
  transition: all 0.1s ease-in-out;
}

/* .hs_platform_form .formbuttons input.btn.submit:after, */
.hs_applybutton a.hs_apply_button.ats-event:after,
a.hs_a_login.ats-event:after,
a.hs_a_register.ats-event:after,
a.portal_page_button.ats-event:after {
  position: absolute;
  left: auto;
  right: 1.5rem;
  top: calc(50% - 6px);
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(-45deg);
  border: 1px solid #ffffff;
  border-width: 0 2px 2px 0;
  border-radius: 1px;
}

/* .hs_platform_form .formbuttons input.btn.submit:hover, */
.hs_applybutton a.hs_apply_button.ats-event:hover,
a.hs_a_login.ats-event:hover,
a.hs_a_register.ats-event:hover,
a.portal_page_button.ats-event:hover {
  color: #fff;
  background: none;
  background-color: #830d26;
  font-family: "FrutigerLTW05-65Bold", helvetica, sans-serif;
}

.fi-before:before,
.feather-icon-before:before {
  font-family: "feather-icons";
  display: inline-block;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fi {
  font-family: "feather-icons";
  display: inline-block;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media all and (min-width: 992px) {
  .content-page__filter {
    padding: 0;
    margin: 0;
  }
}
.content-page__filter li {
  list-style: none;
  position: relative;
}

/* .content-page__filter li:last-child {
    margin-bottom: 1.5rem;
} */
.content-page__filter > li span:hover,
.content-page__filter > li span:hover .feather-icon {
  color: #2a8bbf;
}

.content-page__filter > li .feather-icon {
  cursor: pointer;
  font-size: 1.5rem;
  margin-right: 0.5rem;
  color: #999999;
  transition: all 0.2s ease-in-out;
}

.content-page__filter > li.open .feather-icon {
  transform: rotate(180deg);
}

@media (min-width: 768px) {
  .hasSticky--header .header__container {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding: 0 1.5rem;
    border: none;
  }

  .hasSticky--header .header__container .page-header__tabs {
    border-bottom: 1px solid #cccccc;
  }
}
.accordion-item {
  display: block;
  border-radius: 12px;
  box-shadow: 0 0 0 1px #d7d7d7, 0px 6px 12px rgba(33, 33, 33, 0.12);
  margin-bottom: 0.75rem;
  transition: all 0.2s ease-in-out;
}

.accordion-item.open .feather-icon {
  transform: rotate(180deg);
}

.accordion-item__header {
  color: #2a8bbf;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  min-height: 3rem;
  padding: 0;
  text-align: left;
  background-color: transparent;
  border: none;
}

.accordion-item__header h1,
.accordion-item__header h2,
.accordion-item__header h3,
.accordion-item__header h4,
.accordion-item__header h5 {
  margin: 0;
}

.accordion-item__header[aria-expanded=true] {
  color: #999999;
}

.accordion-item__header[aria-expanded=true] .feather-icon {
  transform: rotate(180deg);
}

.accordion-item__header .feather-icon {
  width: 3.5rem;
  display: flex;
  justify-content: center;
  font-size: 1.5rem;
  transition: all 0.2s ease-in-out;
}

.accordion-item__header {
  margin: 0;
}

.accordion-item__content {
  display: none;
  padding: 0 1.5rem 1.5rem 3.5rem;
}

.accordion-item__content p {
  color: #555555;
  /* margin: 0; */
}

.tabs__content .accordion-item__content p {
  margin: 0 0 1.5rem 0;
}

@media all and (max-width: 539px) {
  .accordion-item__header {
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 1rem 0 1rem 1rem;
    height: auto;
  }

  /* TODO: find out why content has a max-height.. it seems broken. */
  /* .accordion-item__content {
      max-height: 3.5rem;
  }
  .tabs__content .accordion-item__content {
      max-height: none;
  } */
  .accordion-item__content {
    max-height: none;
  }

  .accordion-item__header[aria-expanded=true] {
    padding-bottom: 0.75rem;
  }

  .accordion-item__content {
    padding: 0 1rem 1rem 1rem;
  }
}
.box-carousel .slides_container {
  display: flex;
}

.box-carousel .slide {
  width: 100%;
  display: flex;
  padding: 0;
}

.box-carousel .slide .slide__background {
  background-position: 50% 50%;
}

ul.arrowed.list-horizontal:before {
  content: none;
}

ul.arrowed.list-horizontal li a:before {
  left: -1.3rem;
  border-color: #00aceb;
}

/* AR-2432 adding padding to homepage slider */
.slider .slide__container {
  padding: 4rem 1rem 8rem;
}

.rotate-90 {
  transform: rotate(90deg);
}

.rotate-180 {
  transform: rotate(180deg);
}

.rotate-270 {
  transform: rotate(270deg);
}

.arrow {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.arrows-container {
  display: flex;
  justify-content: flex-end;
  visibility: hidden;
}

.arrows-container .arrow {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  border: 2px solid #2a8bbf;
  color: #2a8bbf;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  cursor: pointer;
}

.arrows-container .arrow.left {
  margin-right: 0.5rem;
  background-color: white;
}

.arrows-container .arrow.right {
  color: white;
  background-color: #2a8bbf;
}

.arrow.left:hover {
  color: #26607f;
  border: 2px solid #26607f;
  background: rgba(34, 111, 152, 0.3);
}

.arrow.right:hover {
  border-color: #266180;
  background-color: #266180;
}

/* DESKTOP */
@media all and (min-width: 1199px) {
  .arrows-container {
    visibility: visible;
  }
}
.slidercontainer {
  position: relative;
}

:root {
  --gutter: 1.5rem;
}

div[data-desktop-items-visible] {
  display: grid;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: 90%;
}

div[data-desktop-items-visible="1"] {
  grid-auto-columns: 100%;
}

@media all and (max-width: 1279px) {
  div[data-desktop-items-visible="6"] {
    grid-auto-columns: calc(146px - var(--gutter) * 5 / 6);
  }
}
@media all and (min-width: 1280px) {
  div[data-desktop-items-visible="2"] {
    grid-auto-columns: calc(50% - var(--gutter) * 0.5);
  }

  div[data-desktop-items-visible="3"] {
    grid-auto-columns: calc(33.3333333333% - var(--gutter) * 2 / 3);
  }

  div[data-desktop-items-visible="4"] {
    grid-auto-columns: calc(25% - var(--gutter) * 0.75);
  }

  div[data-desktop-items-visible="6"] {
    grid-auto-columns: calc(16.6666666667% - var(--gutter) * 5 / 6);
  }
}
.btn--link {
  font-family: "FrutigerLTW05-65Bold", helvetica, sans-serif;
}

.btn--link.btn--primary,
.btn--link.btn--secondary {
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  padding: 0;
}

.btn--link.btn--primary {
  color: #c6002a;
}

.btn--link.btn--secondary {
  color: #2a8bbf;
}

.btn--link.btn--primary:hover {
  color: #830d26;
}

.btn--link.btn--secondary:hover {
  color: #266180;
}

.youtube-video .youtube-cookie {
  width: 100%;
  height: 100%;
  z-index: 10;
}

.youtube-video .close-icon {
  position: absolute;
  color: #2A8BBF;
  border: 2px solid #2A8BBF;
  border-radius: 50%;
  font-size: 2rem;
  right: -30px;
  top: -30px;
  background-image: none;
  cursor: pointer;
}

.youtube-video iframe.player {
  z-index: 10;
}

.youtube-video iframe.player.hide,
.youtube-video .close-icon.hide {
  display: none;
}

.modalcontainer {
  margin: auto;
  padding: 4rem 0;
  z-index: 2;
  max-width: 800px;
  width: 100%;
}

#dynamic-modal .modalcontainer .modalcontent {
  background-color: white;
  border-radius: 12px;
  padding: 3rem;
  position: relative;
}

#dynamic-modal .modalcontent > .icon-x {
  position: absolute;
  top: 3rem;
  right: 3rem;
  font-size: 1.4rem;
  padding: 0.7rem;
  color: #2A8BBF;
  border: 2px solid #2A8BBF;
  border-radius: 50%;
  cursor: pointer;
  font-weight: bold;
}

#dynamic-modal .modalcontent > .icon-x:hover {
  filter: brightness(50%);
}

#dynamic-modal .single-page.container.padded {
  padding: 0;
}

.single-page.container.padded {
  padding: 2rem 0;
  max-width: 800px;
}

.single-page .video-container {
  width: auto;
  min-height: 392px;
  height: 392px;
  margin-bottom: 1.5rem;
}

.single-page .quote {
  margin: 0 0 1.5rem 0;
}

.single-page h2,
.single-page h3,
.single-page h4,
.single-page h5 {
  margin: 0 0 0.5rem 0;
}

.single-page p {
  word-break: break-word;
}

.single-page .profile h2 {
  margin: 0;
  max-height: none;
}

.single-page .profile h4 {
  font-size: 2.5rem;
  line-height: 2.5rem;
  max-height: none;
  margin: 0;
}

.single-page .profile {
  margin-bottom: 1.5rem;
}

@media all and (max-width: 538px) {
  section.studychoice .left-row,
section.studychoice .right-row {
    padding: 0;
  }
}
/* Dynamic modal MOBILE */
@media all and (max-width: 538px) {
  #dynamic-modal {
    padding: 1.5rem 0;
  }

  #dynamic-modal .modalcontainer .modalcontent {
    padding: 1.5rem 1rem;
  }

  #dynamic-modal .modalcontainer .modalcontent .container {
    margin: 0;
  }

  #dynamic-modal .modalcontainer {
    margin-left: 1rem;
    margin-right: 1rem;
    padding: 0;
    width: 100%;
  }

  #dynamic-modal .modalcontent > .icon-x {
    top: 2.5rem;
    right: 1rem;
  }

  .single-page .profile h4 {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .single-page .video-container {
    height: 174px;
    min-height: 174px;
  }
}
*[data-readmore] {
  position: relative;
}

.tabcontent .tabcontent__content[data-readmore] {
  width: auto;
}

*[data-readmore]:after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5rem;
  z-index: 1;
  background-image: linear-gradient(180deg, var(--section-background-color-transparent), var(--section-background-color));
}

*[data-readmore][aria-expanded=false]:after {
  bottom: -2px;
}

*[data-readmore][aria-expanded=true]:after {
  bottom: -5rem;
}

@media all and (max-width: 767px) {
  .tabcontent *[data-readmore][aria-expanded=false] {
    --section-background-color: white;
  }

  .tabcontent:not(.active) .readmore {
    position: absolute;
    z-index: -5;
    visibility: hidden;
    left: 0;
  }
}
.btn--grey {
  color: white;
  background-color: #999999;
}

.btn--grey:hover {
  color: white;
  background-color: #444444;
}

.btn--grey.btn--outline {
  color: #999999;
  background-color: white;
  border: 2px solid #999999;
}

.btn--grey.btn--outline:hover {
  color: #444;
  background-color: #3333;
  border: 2px solid #444;
}

.btn--readmore:before {
  content: none;
}

.btn--readmore {
  margin-top: 1rem;
  padding: 0 1.5rem 0 2rem;
}

.gap {
  gap: 1.5rem;
}

main.story {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main.story .quote {
  gap: 1rem;
}
main.story .about__quote-intro p {
  margin: 0;
}

.screen-reader-only {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

@media screen and (max-width: 767px) {
  main.story {
    padding: 0 1rem;
  }
}
.click {
  cursor: pointer;
}

.card {
  flex: 1;
  background-color: white;
  color: #212121;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0px 6px 12px rgba(33, 33, 33, 0.12);
  z-index: 1;
  top: 0;
  left: 0;
  transition: all 0.2s ease-in-out;
  display: flex;
  flex-direction: column;
}
.card.border {
  box-shadow: 0 0 0 1px #d7d7d7, 0px 6px 12px rgba(33, 33, 33, 0.12);
}
.card.click {
  cursor: pointer;
}

.card--container {
  display: flex;
}
.card--container:hover > .card.hover {
  box-shadow: 0px 8px 16px rgba(33, 33, 33, 0.4);
  top: -0.25rem;
  left: 0;
}

.slidercontainer .slider {
  overflow: hidden;
  margin: 0 auto;
  grid-template-rows: auto;
  grid-auto-flow: column;
  overflow-x: auto;
  transition: linear 0.2s all;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.slidercontainer .slider::-webkit-scrollbar {
  display: none;
}

.controls-container {
  display: flex;
}

.controls-container-flex {
  display: flex;
}

.dots-container {
  margin: 16px 0;
  display: flex;
  width: 100%;
  align-items: center;
}

.dots-container > .dot {
  background-color: #cccccc;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin-right: 4px;
}

.dots-container > .dot.active {
  background-color: #c6002a;
}

@media screen and (max-width: 767px) {
  .slidercontainer .slider {
    --gutter: 1rem;
    margin: 0 -1rem;
    grid-gap: 1rem;
    padding: 1rem;
    scroll-snap-type: x mandatory;
  }
  .slidercontainer .slider > *:not(section) {
    scroll-snap-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .slidercontainer .slider {
    --gutter: 1rem;
    margin: 0 -1.5rem;
    grid-gap: 1rem;
    padding: 1.5rem;
    scroll-snap-type: x mandatory;
  }
  .slidercontainer .slider > *:not(section) {
    scroll-snap-align: center;
  }

  div[data-desktop-items-visible] {
    grid-auto-columns: 360px;
  }

  div[data-desktop-items-visible="2"] {
    grid-auto-columns: 580px;
  }
}
@media screen and (min-width: 1280px) {
  .slidercontainer .slider {
    --gutter: 1.5rem;
    margin: 0 -1rem;
    grid-gap: 1.5rem;
    padding: 1rem 1rem 1.5rem;
  }
}
.contentvideo-container {
  display: flex;
  background-color: #212121;
  height: 450px;
  width: 55%;
  z-index: 1;
  box-shadow: 0 12px 24px 0 #21212140;
}
.contentvideo-container > .video-container {
  width: 100%;
}

.video-preview-overlay--hover {
  z-index: 9;
  cursor: pointer;
}

.video-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  aspect-ratio: 16/9;
}

.video-container > * {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.video-preview .play-button,
.video-wide .play-button {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #2A8BBF;
  opacity: 0.8;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  position: absolute;
}

.video-preview,
.preview {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.video-container:last-of-type {
  margin-right: 0;
}

.video-preview-info {
  padding: 1.5rem;
  color: white;
}

.video-preview-info label {
  color: white;
  opacity: 0.8;
  font-family: FrutigerLTW05-55Roman, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

/* .video-container h1 {
    font-size: 24px;
} */
.video-container:hover h1 {
  color: #00aceb;
}

.video-title--location {
  color: white;
  font-size: 32px;
  line-height: 40px;
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  margin: 0;
}

.video-duration {
  font-size: 14px;
}

.video-duration--location {
  color: white;
  background-color: black;
  padding: 3px;
  position: absolute;
  bottom: 18px;
  right: 14px;
}

.video-duration {
  display: none;
}

.video-preview-overlay {
  /* width: 300px; */
  /* height: 168px; */
  opacity: 1;
  position: absolute;
  background: #020024;
  background: linear-gradient(0deg, #020024 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 212, 255, 0) 100%);
  background-size: 200% 200%;
  background-position: 0% 75%;
  top: 0;
  transition: all 0.3s ease-in-out;
}

.video-container:hover .video-preview-overlay {
  background-position: 0% 90%;
}

.video-preview-overlay--hover {
  opacity: 0;
  z-index: 6;
  cursor: pointer;
}

.video-preview,
.video-preview-overlay,
.video-preview-overlay--hover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.video-container .video-preview-play-button {
  position: relative;
  display: flex;
}

.video-preview-play-button {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  padding-left: 3px;
  cursor: pointer;
  color: white;
  font-size: 2rem;
  width: 80px;
  height: 80px;
  background-color: rgba(42, 139, 191, 0.75);
  border-radius: 50%;
  z-index: 5;
  transition: background-color 0.2s ease-in-out;
}

.video-container:hover .video-preview-play-button {
  background-color: rgba(42, 139, 191, 0.9);
}

.accordion-item__content .contentvideo-container {
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
}

section.contentSection .tabcontent__content .video-container,
article.simple-content-page__content > section .contentvideo-container,
article.content-page__content > section .contentvideo-container {
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
}

section.contentSection .tabcontent__content > .video-container,
section.contentSection .tabcontent__content > .contentvideo-container {
  height: auto;
  margin-bottom: 1.5rem;
}

/* Mobile */
@media only screen and (max-width: 767px) {
  .contentvideo-container {
    width: 100%;
  }

  .video-preview-info {
    padding: 0 1rem 1rem 1rem;
  }

  .contentvideo-container .video-container .video-preview-overlay {
    background-position: 0% 100%;
    background: linear-gradient(0deg, #212121 0%, #21212100 30%);
  }

  .video-container .video-preview-play-button {
    position: relative;
    width: 3rem;
    height: 3rem;
    font-size: 1.75rem;
  }
}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .contentvideo-container {
    width: 100%;
  }
}
.banner-widget--full {
  overflow: hidden;
  position: relative;
}
.banner-widget--full .h-center {
  text-align: center;
}
.banner-widget--full .title-text-container p {
  color: #555555;
  font-size: 1.5rem;
  line-height: 2rem;
  padding-bottom: 2rem;
}

.banner-widget--full__headline {
  display: flex;
  padding: 3rem 0;
  color: white;
  min-height: 560px;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  transition: all 1s ease-in-out;
}

.main-content .banner-widget--full {
  border-radius: 12px;
  overflow: hidden;
  margin: 3rem 0;
}
.main-content .banner-widget--full.banner--red {
  background-color: #e899aa;
  color: #212121;
}
.main-content .banner-widget--full.banner--blue {
  background-color: #acd1e6;
}
.main-content .banner-widget--full.banner--white {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px #d7d7d7, 0px 6px 12px rgba(33, 33, 33, 0.12);
}

.main-content .banner-widget--full__headline {
  min-height: 330px;
  padding: 0;
}
.main-content .banner-widget--full__headline .container {
  width: 100%;
  padding: 1.5rem;
}
.main-content .banner-widget--full__headline .container.h-center {
  align-items: center;
  text-align: center;
}
.main-content .banner-widget--full__headline .container.h-left {
  align-items: flex-start;
  text-align: left;
}
.main-content .banner-widget--full__headline .container.h-right {
  align-items: flex-end;
  text-align: right;
}
.main-content .banner-widget--full__headline .container .subtitle {
  flex: 1;
}
.main-content .banner-widget--full__headline.no-image {
  color: inherit;
}
.main-content .banner-widget--full__headline.no-image:before {
  content: none;
}

@media screen and (min-width: 768px) {
  .banner-widget--full h1 + .subtitle {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.banner-widget--full > img {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: scale(1);
  transition: all 1s ease-in-out;
}

.banner-widget--full:hover > img {
  transform: scale(1.1);
}

.banner-widget--full__headline * {
  z-index: 1;
}
.banner-widget--full__headline:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #2121216a;
}
.banner-widget--full__headline .btn {
  margin: 0;
}
.banner-widget--full__headline .subtitle {
  color: inherit;
}
.banner-widget--full__headline .subtitle * {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.banner-widget--full__headline.click:hover {
  background-size: 110%;
}

section.banner-widget--full .container > *:last-child {
  margin-bottom: 0;
}

.subtitle {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
.subtitle.grey {
  color: #555555;
}
.subtitle.black {
  color: #212121;
}

.subtitle.small {
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
}

.subtitle p {
  margin: 0;
}

.h-left .subtitle {
  text-align: left;
}

.h-right .subtitle {
  text-align: right;
}

@media screen and (max-width: 767px) {
  *.subtitle {
    font-size: 1.125rem;
    line-height: 1.625rem;
    text-align: left;
    width: 100%;
  }

  .banner-widget--full__headline *.subtitle {
    text-align: center;
  }

  .main-content .banner-widget--full__headline .container {
    padding: 1rem;
  }
  .main-content .banner-widget--full__headline .container .subtitle {
    text-align: inherit;
  }
}
@media screen and (min-width: 768px) {
  .banner-widget--full__headline .container.h-left > *,
.banner-widget--full__headline .container.h-right > * {
    max-width: 486px;
  }

  .banner-widget--full__headline .container.h-right .subtitle,
.banner-widget--full__headline .container.h-left .subtitle {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media screen and (max-width: 1279px) {
  .banner-widget--full__headline {
    min-height: 440px;
    padding: 2rem 0;
  }

  .banner-widget--full__headline .container {
    flex: 1;
    padding: 0 1rem;
  }
}
.banner-widget--small .container {
  position: relative;
  padding: 1.5rem;
  min-height: auto;
  aspect-ratio: 8/3;
  color: white;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}
.banner-widget--small .container > *:not(img) {
  z-index: 2;
}
.banner-widget--small .container.click:hover > img {
  transform: scale(1.1);
}
.banner-widget--small .container .subtitle {
  color: inherit;
}
.banner-widget--small .container > img {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  transform: scale(1);
  transition: all 1s ease-in-out;
}
.banner-widget--small .container.no-image {
  aspect-ratio: auto;
  color: #212121;
}
.banner-widget--small.banner--red .container.no-image {
  background-color: #e899aa;
}
.banner-widget--small.banner--red .container.no-image.click:hover {
  background-color: #d58c9c;
}
.banner-widget--small.banner--blue .container.no-image {
  background-color: #acd1e6;
}
.banner-widget--small.banner--blue .container.no-image.click:hover {
  background-color: #9ebed2;
}
.banner-widget--small.banner--white .container {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px #d7d7d7, 0px 6px 12px rgba(33, 33, 33, 0.12);
}
.banner-widget--small.banner--white .container.click:hover {
  background-color: #cfcfcf;
}

.banner-widget--small + .dark {
  margin-top: 5rem;
}

.main-content .banner-widget--small {
  margin: 3rem 0;
  padding: 0;
}
.main-content .banner-widget--small .h-center .banner-widget--alert__content * {
  text-align: center;
}
.main-content .banner-widget--small h3 {
  margin-bottom: 0.25rem;
}
.main-content .banner-widget--small .container {
  aspect-ratio: auto;
  border-radius: 12px;
}
.main-content .banner-widget--small .container img {
  filter: brightness(0.8);
}
.main-content .banner-widget--small .container .subtitle {
  font-size: inherit;
}
.main-content .banner-widget--small .container.h-center {
  align-items: center;
  text-align: center;
}
.main-content .banner-widget--small .container.h-left {
  align-items: flex-start;
  text-align: left;
}
.main-content .banner-widget--small .container.h-right {
  align-items: flex-end;
  text-align: right;
}

@media screen and (max-width: 767px) {
  section.banner-widget--small .container {
    aspect-ratio: 6/3;
  }

  section.banner-widget--small + .dark {
    margin-top: 3rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  section.banner-widget--small .container {
    aspect-ratio: 7/3;
  }
}
.banner-widget--alert .container {
  padding: 3rem;
  background-color: #a3a3a3;
  color: white;
  border-radius: 12px;
}
.banner-widget--alert .flex-y .banner-widget--alert__image {
  margin-bottom: 1rem;
}
.banner-widget--alert .flex-y .btn {
  margin: 1rem 0 0 0;
}
.banner-widget--alert .flex-x .banner-widget--alert__image {
  margin-right: 3rem;
}
.banner-widget--alert .flex-x .btn {
  margin-right: 0;
}
.banner-widget--alert .container.banner--red {
  background-color: #e899aa;
  color: #212121;
}
.banner-widget--alert .container.banner--blue {
  background-color: #acd1e6;
}
.banner-widget--alert .container.banner--white {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px #d7d7d7, 0px 6px 12px rgba(33, 33, 33, 0.12);
}
.banner-widget--alert h3 {
  margin: 0;
}

.main-content .banner-widget--alert__image {
  background-size: cover;
  background-position: center;
}

.banner-widget--alert__content {
  flex: 1;
  color: #212121;
}
.banner-widget--alert__content > * {
  max-width: 462px;
}
.banner-widget--alert__content div p:last-child {
  margin-bottom: 0;
}
.banner-widget--alert__content .btn {
  margin: 1rem 0 0 0;
}

.banner-widget--alert__image {
  width: 80px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  section.banner-widget--alert .container {
    flex-direction: column;
  }
  section.banner-widget--alert .container .banner-widget--alert__image {
    margin: 0;
  }
  section.banner-widget--alert .btn {
    margin: 0;
  }
  section.banner-widget--alert .banner-widget--alert__content p {
    text-align: center;
  }
  section.banner-widget--alert h1,
section.banner-widget--alert h2,
section.banner-widget--alert h3,
section.banner-widget--alert h4,
section.banner-widget--alert h5 {
    text-align: center;
  }

  .banner-widget--alert .container {
    padding: 2rem;
    gap: 1rem;
  }

  .banner-widget--alert .flex-y {
    align-items: center;
  }
}
section.banner-widget--alert.no-padding,
section.banner-widget--small.no-padding,
section.banner-widget--full.no-padding {
  padding: 0;
}

.cookie ul {
  margin: 1em 0;
  padding-left: 1.5em;
}

.cookie li {
  padding-bottom: 0;
}

.cookie h2 {
  font-weight: bold;
}

/*AR-2028 cookie melding youtube*/
.youtube-embed-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.content-page__content .youtube-embed-wrapper {
  margin-bottom: 1.5rem;
}

.youtube-embed-wrapper > *, .avans-video__container > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.youtube-cookie {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.youtube-cookie button#ot-sdk-btn.btn.btn--primary {
  border: none;
  color: #fff;
  padding: 0.75rem 2.5rem 0.75rem 1.5rem;
}

.youtube-cookie button#ot-sdk-btn.btn.btn--primary:hover {
  color: #fff;
  background-color: #840d26;
}

.youtube-cookie.hide {
  display: none;
}

.youtube-cookie p {
  color: #ffffff;
  text-align: center;
  font-size: 1rem;
}

/*specifically for cookie message in a modal*/
#studiekeuze-modal .youtube-cookie {
  z-index: 6;
  position: absolute;
  max-width: 90%;
  max-height: 90%;
  width: 560px;
  height: 315px;
}

#youtube-modal .youtube-cookie {
  z-index: 6;
  position: absolute;
  max-width: 90%;
  max-height: 90%;
  width: 560px;
  height: 315px;
}

.youtube-cookie * {
  margin: 0 0 0.5rem;
}

/*
AR-1246 - Alumni safari
*/
.connect-widget ul ul {
  max-height: 300px;
  /* Overflow is set by JS overrule behaviour with important */
  overflow-y: scroll !important;
}

@media (min-width: 768px) {
  .connect-widget--linkedin {
    background-position: 90px 45px;
  }

  .connect-widget--facebook {
    background-position: 104px 45px;
  }
}
/*
AR-1208

Er zijn verschillende plaatjes die een 8 pixels margin aan de rechterkant hebben. Dit komt uit het oude css.

De bedoeling is dat er geen ruimte aan de rechterkant zit.
*/
img[class] {
  padding-right: 0;
}

/*
AR-1258 - Instagram icon size
 */
[href*=instagram] img {
  width: auto;
}

/*
AR-1275 - Subdatum kleur (WCAG)
*/
.link-box__date {
  color: #585858;
}

/*
AR-1314 - Agenda items full width
*/
.simple-content-page__content {
  width: 100%;
}

/*
AR-1357 - Marge content page fix
*/
.content-page-simple .content-page__content {
  width: auto;
}

/*
AR-1277 - Footer text color change (WCAG)
*/
.footer-link__link, .links__header {
  color: #323232;
}

/*
AR-1272 - International hide short programs if empty
 */
.box-program-finder-form .nav {
  flex-wrap: nowrap;
}

.box-program-finder-form .nav li {
  flex: 0 1 100%;
  margin-right: 20px;
}

@media (max-width: 877px) {
  .box-program-finder-form .nav {
    flex-direction: column;
  }

  .box-program-finder-form .nav li {
    width: 100%;
  }
}
/*
Helper class to hide html elements visually
Useful for screen readers
 */
.visuallyhidden {
  position: absolute;
  left: -999em;
}

/*
AR-1238 - Harmonica toggle button
 */
.accordion .toggle {
  background-image: none;
}

/*
AR-1305 - Overlay landingpage image
 */
.new-landing-page__header--image:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.35);
  transition: all 0.5s ease-in-out;
}

.new-landing-page__header-container.animate:hover:after {
  background-color: rgba(0, 0, 0, 0.2);
}

/*
AR-1338 - result-block without link & responsive styling
 */
.result-block__container {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  text-decoration: none;
  color: #000001;
}

@media (max-width: 399px) {
  .result-block__container {
    flex-direction: column;
  }
}
.result__list--landing-page .result-block__container {
  background-color: white;
}

/*
AR-1464 - Contactpage Whatsapp link underline
 */
.header__container .p-tel .link__whatsapp:hover {
  text-decoration: underline;
}

.header__container .p-tel .tel_contact:hover {
  text-decoration: underline;
}

/*
AR-1854 adding whatsapp icon at the left of the phonenumber
 */
.contact__item--whatsapp-icon {
  background-color: transparent;
  background-image: url(../img/icons/whatsapp-outline-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 0px;
  margin-right: 10px;
  height: 20px;
  width: 20px;
  background-size: 24px;
}

.contact__item--chevron-right-icon {
  background-color: transparent;
  background-image: url(../img/icons/chevron-right-outline-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 0px;
  margin-right: 10px;
  height: 20px;
  width: 20px;
  background-size: 9px;
}

/*
AR-1854 adding phone icon at the left of the phonenumber
*/
.contact__item--phone-icon {
  background-color: transparent;
  background-image: url(../img/icons/phone-outline-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 0px;
  margin-right: 10px;
  height: 20px;
  width: 20px;
  background-size: 20px;
}

/*
AR-1855 adding black phone icon at the left of the phonenumber
*/
.contact__item--phone-icon-black {
  background-color: transparent;
  background-image: url(../img/icons/phone-black.svg);
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  margin-left: -5px;
  margin-right: 5px;
  margin-top: 2px;
  height: 25px;
  width: 25px;
}

.body .p-tel {
  font-size: 0.875rem;
  margin-bottom: 5px;
}

/*
AR-1996 adding white text phonenumber and whatsappnumber to widget
*/
.p-tel_widget {
  margin: 0;
  padding: 0;
}

.p-tel_widget a {
  color: white;
  font-size: 0.875rem;
  text-decoration: none;
}

.p-tel_widget a:hover {
  text-decoration: underline;
}

.body .p-tel a {
  text-decoration: none;
}

.body p {
  margin-bottom: 10px;
}

/*
AR-1855 adding question in textcolor black
*/
.avans-link.avans-link--location-black {
  display: inline-block;
  color: #000001;
}

.avans-link.avans-link--location-black:before {
  border-color: #000001;
}

.avans-link.avans-link--location-black:hover {
  text-decoration: underline;
  color: #000001;
}

.avans-link.avans-link--location-black:hover:before {
  border-color: #000001;
}

/*
AR-995 - Whatsapp share icon in footer
 */
.footer-link__item--whatsapp:after {
  background-color: #1ebea5;
}

.footer-link__item--whatsapp {
  background-color: #fff;
  background-image: url(../img/icons/Icon-Social-whatsapp.svg);
  background-position: 50%;
  height: 40px;
  width: 40px;
}

.footer-link__item--whatsapp:hover,
.footer-link__item--whatsapp:focus {
  background-color: #1ebea5;
  background-image: url(../img/icons/Icon-SocialHover-whatsapp.svg);
}

/*
AR-1669 - Nieuwsbericht facnav in menu
 */
@media (min-width: 1199px) {
  .content-page__menu_facnav {
    margin-top: 12em;
  }

  .content-page__menu_facnav ul {
    margin-top: 0em;
  }
}
/*
AR-1698 - Alignment open dag
 */
.event-list .container_12 {
  padding: 0;
}

.event-list .container_12 ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

/*
AR-1545 - Introductie zichtbaar maken bij vacatures (niet op mobile)
 */
@media (max-width: 767px) {
  .vacancy-intro-hide-on-mobile {
    display: none;
  }
}
/*
AR-1699 - Home widget aanpassen
 */
@media (max-width: 990px) {
  .multi_widget1, .multi_widget2, .multi_widget3 {
    padding: 0px;
  }

  .multi_widget1 {
    height: 216px;
  }

  .multi_widget2 {
    height: 328px;
  }

  .multi_widget3 {
    height: 440px;
  }
}
.multi_widget1:before, .multi_widget2:before, .multi_widget3:before {
  background-color: #c6002a;
}

.multi_widget1 hr, .multi_widget2 hr, .multi_widget3 hr {
  z-index: 5;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

@media (min-width: 990px) {
  .image-block__content__agenda {
    min-height: 140px;
  }
}
.image-block__content__agenda {
  background-color: #c6002a;
  position: relative;
  z-index: 5;
  padding-left: 1rem;
  color: #fff;
  height: 100%;
}

.agenda-title__link {
  color: white;
  text-decoration: none;
}

.agenda-title__link:hover {
  color: black;
}

.nav__item--taalswitch a.nav__link {
  display: flex;
  align-items: center;
}

.nav__item-flag {
  margin-right: 0.5rem;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  border: 1px solid #e4e4e4;
  order: -1;
}

.nav__link--sub {
  min-width: 260px;
}

/*
AR-1809 - Images worden niet meer getoond in Chrome
 */
.result-block {
  position: relative;
}

.result-block__content-container {
  height: auto;
}

/*
AR-1826 - Internationaal - make study programmes results clickable
 */
#clickable-program-finder-results {
  text-decoration: none;
}

#clickable-program-finder-results:hover {
  text-decoration: none;
  color: black;
}

/*
AR-1833- Social media widget on programmes landing page.
         Fix some styling because it is not inside the research domain
 */
.widget-share a.social.instagram {
  background-image: url("../img/icons/Icon-SocialHover-Instagram.png");
}

.widget-share a.social.instagram:hover {
  background-image: url("../img/icons/Icon-SocialHover-Instagram.png");
}

.content-page__aside-container .widget-share {
  margin: 0;
  margin-bottom: 1.875rem;
}

.widget-share h4 {
  margin: 0.625rem 0;
}

label.error {
  color: red;
  font-style: italic;
  display: block;
}

input.error {
  border: 1px dotted red !important;
}

textarea.error {
  border: 1px dotted red !important;
}

.info {
  color: green;
  padding: 3px;
}

html .field.field label:not([class]),
html form label:not([class]) {
  margin-bottom: 0.5rem;
}

html .field.field .input:not(.input--checkbox),
html .field.field input:not([class]),
html .field.field textarea,
html .field.field select,
html form .input:not(.input--checkbox),
html form input:not([class]),
html form textarea,
html form select {
  margin-bottom: 0.5rem;
}

html .field {
  margin-bottom: 1rem;
}

html form .field > label {
  font-size: 1rem;
  font-weight: 100;
  font-family: inherit;
}

/*
AR-1928 - Vacature widget override
 */
.widget--blauw,
.widget--blue {
  background-color: #2A8BBF;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), #2A8BBF;
}

.widget--rood,
.widget--red,
.widget--openAvond {
  background-color: #C6002A;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), #C6002A;
}

.widget--zwart {
  background-color: #212121;
  color: #ffffff;
}

.widget--wit {
  background-color: #ffffff;
}

.widget--rood,
.widget--red,
.widget--openAvond,
.widget--blauw,
.widget--blue,
.widget--zwart {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.5rem 1rem;
}

.widget--rood a:not([class]),
.widget--red a:not([class]),
.widget--openAvond a:not([class]),
.widget--blauw a:not([class]),
.widget--blue a:not([class]),
.widget--zwart a:not([class]) {
  color: inherit;
  text-decoration: underline;
}

.cta-block__container:hover .widget--rood,
.cta-block__container:hover .widget--red,
.cta-block__container:hover .widget--openAvond {
  color: #ffffff;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #C6002A;
}

.cta-block__container:hover .widget--blauw,
.cta-block__container:hover .widget--blue {
  color: #ffffff;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #2A8BBF;
}

.widget--rood .widget__content,
.widget--red .widget__content,
.widget--openAvond .widget__content,
.widget--blauw .widget__content,
.widget--blue .widget__content,
.widget--zwart .widget__content {
  font-size: 1rem;
  margin: 0;
  border: 0;
}

.widget .btn--secondary {
  margin-right: 0;
  padding-right: 2.2rem;
}

.widget .widget__link--solo {
  margin-bottom: 0;
}

.widget--rood .btn--secondary,
.widget--red .btn--secondary,
.widget--openAvond .btn--secondary,
.widget--wit .btn--secondary {
  background-color: #C6002A;
}

.widget--rood .btn--secondary:hover,
.widget--red .btn--secondary:hover,
.widget--openAvond .btn--secondary:hover,
.widget--wit .btn--secondary:hover {
  background-color: #840d26;
}

.widget--blauw .btn--secondary,
.widget--blue .btn--secondary,
.widget--zwart .btn--secondary {
  background-color: #2A8BBF;
}

.widget--blauw .btn--secondary:hover,
.widget--blue .btn--secondary:hover,
.widget--zwart .btn--secondary:hover {
  background-color: #266180;
}

/* AVD-79 - Multiple program locations in programfinder */
.result-block__location_container {
  display: flex;
  margin-bottom: 1rem;
}

/*AR-2430- show location below the program */
.result-block__location-program:first-child {
  margin-left: 0;
}

/* AR-2115 - Left aligned program addresses */
.address__list {
  margin-left: 0;
}

/* AR-1931 - Campaign columns same width*/
.campaign-landing-page__content-container {
  grid-auto-columns: 1fr;
}

/* AR-2177 - Editor small widget dynamic button colors */
.widget--grijs {
  background-color: #f6f6f6;
}

.widget--wit {
  background-color: #fff;
}

.widget--grijs, .widget--wit {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.widget--grijs, .widget--wit {
  padding: 1.25rem;
}

.widget--grijs .widget__content,
.widget--wit .widget__content {
  font-size: 1rem;
  margin: 0;
  border: 0;
}

/*AR-2194 adding checkbox to the form*/
#informationRequestForm #checkbox {
  width: auto;
  display: inline-block;
}

#informationRequestForm .field-checkbox {
  margin-top: 20px;
}

#informationRequestForm .field-checkbox p {
  display: inline;
}

#informationRequestForm .field-checkbox label:hover {
  color: #00aceb;
  text-decoration: none;
}

.campaign-landing-page form input[type=submit]:disabled {
  background: grey;
}

/*# sourceMappingURL=style.css.map */