/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */
/* HTML */

html
{
 background: url(../../images/nieuwbouw_overlay.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Page */

a {
  color: #005837;
}

a:visited {
  color: #005837;
}

a:active, a.active {
  color: #005837;
}

a:hover, a:focus {
  color: #005837;
	text-decoration: none;
}

.page
{
 background-color: #fafafa;
	background: url(../../images/nieuwbouw_overlay.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* LeaderBoard */

.pr-leaderboard
{
 background-color: transparent;
}

.pr-leaderboard div
{
 float: right;
 font-size: 0.95em;
}

.pr-leaderboard .menu a
{
 padding: 0.25rem 0.625rem;
}

.pr-leaderboard .menu .menu__item--active-trail a
{
 color: #ffffff;
 background-color: #75a492;
}

.pr-leaderboard .regions
{
 background-color: transparent;
}

.pr-leaderboard__rw
{
 /*background-color: #fafafa;*/
}

/* Header */

.l-header
{
 /*-webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);*/
}

.pr-header
{
 background-color: transparent;
}

.pr-header ul
{
 display: flex;
}

.pr-header ul li a.menu__link
{
 color: #005837;
 padding: 0.5em;
 margin: 0.125rem;
}

.pr-header ul li a.menu__link:hover, .pr-header ul li a.menu__link:focus
{
  color: #ffffff;
	background-color: #75a492;
	border-radius: 2px;
	-webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.pr-header ul li a.menu__link.active
{
  color: #ffffff;
	background-color: #75a492;
	border-radius: 2px;
}

.pr-header ul li.menu__item--active-trail a
{
  color: #ffffff;
	background-color: #75a492;
	border-radius: 2px;
	-webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

/* Site-branding */

.block-plugin-id--system-branding-block
{
  margin-top: 10px;
  margin-bottom: 10px;
}

.site-branding__logo-img
{
 height: 75px;
 -webkit-transition: width 1s, height 1s; /* Safari */
    transition: width 1s, height 1s;
}

.stickynav-active .site-branding__logo-img
{
 height: 40px;
}

.site-branding__text
{
 flex-direction: column;
 -webkit-align-items: flex-start;
   align-items: flex-start;
}

.site-branding__text, .site-branding__name, .site-branding__slogan
{

}

.site-branding__name
{
 font-size: 1.8em;
 -webkit-transition: font-size 1s; /* Safari */
    transition: font-size 1s;
}

.site-branding__slogan
{
 color: #979483;
 margin-top: 5px;
 font-size: 1.4em;
 -webkit-transition: font-size 1s; /* Safari */
    transition: font-size 1s;
}

.stickynav-active .site-branding__name
{
 font-size: 1.2em;
}

.stickynav-active .site-branding__slogan
{
 font-size: 1em;
 margin-top: 0px;
}

.site-branding__name-link:link, .site-branding__name-link:visited
{
 color: #005837;
}

/* Navigation */

.l-navbar
{
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.ms-slidedown .rm-row,
.ms-slidedown .rm-region
{
  background-color: #75a492;
}

#block-at-vti-so-main-menu .menu-level-1
{
 justify-content: center;
}

#block-at-vti-so-main-menu a
{
 color: #ffffff;
}

#block-at-vti-so-main-menu .menu__item--active-trail a
{
 color: #ffffff;
 background-color: #75a492;
}

/* Highlighted */

.l-highlighted
{

}

.pr-highlighted__rw
{
 background-color: #ffffff;
 /*margin-top: 1.25em;
 margin-bottom: 1.25em;
 border-radius: 2px;
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);*/
}

/* Content prefix */

.pr-content-prefix__rw
{
 background-color: #ffffff;
 padding: 0px;
 margin-top: 1.25em;
 border-radius: 2px;
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.l-r region pr-content-prefix__content-prefix
{
 padding: 0px;
}

.pr-content-prefix__rw #block-startnavigatie
{
 margin: 0px;
}

#block-startnavigatie .field
{
 margin: 0px;
}

/* Main */

.pr-main__rw
{
 background-color: transparent; !important
}

.pr-main__sidebar-first, .pr-main__sidebar-second
{

}

.pr-main__sidebar-first .block-menu, .pr-main__sidebar-first .block, .pr-main__sidebar-second .block-menu, .pr-main__sidebar-second .block
{
 background-color: #ffffff;
 padding: 1.25em;
 border-radius: 2px;
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.pr-main__sidebar-first .block__title, .pr-main__sidebar-second .block__title
{
 font-size: 1.625rem;
}

/* Submenu navigatie SO */

#block-hoofdnavigatie-3
{

}

#block-hoofdnavigatie-3 li, #block-views-block-subs-per-studierichting-block-1 li
{
 background-color: #659a87;
/* width: 100%;*/
 margin-bottom: 0.25em;
 border-radius: 2px;
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

#block-hoofdnavigatie-3 li.menu__item--active-trail, #block-views-block-subs-per-studierichting-block-1 li.menu__item--active-trail
{
 background-color: #75a492;
}

#block-hoofdnavigatie-3 li a, #block-views-block-subs-per-studierichting-block-1 li a
{
 background-color: transparent;
 display: block;
 padding: 0.25em 0.5em;
 color: #ffffff;
}

#block-hoofdnavigatie-3 a:hover, #block-views-block-subs-per-studierichting-block-1 a:hover
{
 background-color: #75a492;
}


/* Attribution */

.l-attribution
{
 display: none;
}

/* Views */
.view
{
 /*background-color: #ffffff;
 padding: 1.25em;
 border-radius: 2px;
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);*/
}

/* Forms */
.pr-main__content form
{
 background-color: #ffffff;
 padding: 1.25em;
 border-radius: 2px;
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

/* Personeel */

/*.view-directie .view-rows
{
 display: flex;
 flex-wrap: wrap;
}

.image-style-personeelsfoto
{
 margin: 0px 10px 10px 0px;
}

.view-directie .view-rows .views-row .roundcorners
{
 
}*/

/* Getuigenissen */

#block-views-block-getuigenissen-so-block-1
{
 background-color: #d3e2dc;
 padding: 1.25em;
 border-radius: 2px;
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 650px)
{
 #block-views-block-getuigenissen-so-block-1
 {
 	display: none;
 }
}

#block-views-block-getuigenissen-so-block-1 blockquote
{
 border-left-color: #659a87;
}

#block-views-block-getuigenissen-so-block-1 blockquote p:first-child:before
{
 color: #659a87;
}

/* Newsfeed */

.view-start .newscontainer
{
 position: relative;
 margin-bottom: 1.25em;
 background-color: #ffffff;
 border-radius: 2px;
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.view-start .newscontainer img
{
 border-radius: 2px;
}

.view-start .newscontainer .newsheader
{
 position: absolute;
 width: 100%; 
 bottom: 0em;
 background-color: #ffffff;
 background:rgba(255,255,255,0.75);
 text-align: center;
 padding: 0px;
 border-bottom-left-radius: 2px;
 border-bottom-right-radius: 2px;
}

.view-start .newscontainer .newsheader h3
{
 text-align: center;
 margin: 0px;
}

.view-start .newscontainer .newsheader a
{
 display: block;
 padding: 0.5em;
 padding-top: 0em;
 width: 100%;
}

.view-start .newscontainer .newsheader h3 a
{
 padding-top: 0.5em;
}

/* User */

.user
{
 padding: 1.25em;
 background-color: #ffffff;
 border-radius: 2px;
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

/* Studierichtingen */

.view-id-studierichtingen_so .view-rows
{
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
	/*max-height: 100em;*/
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  /*border: 2px solid blue;*/
}

.view-id-studierichtingen_so .view-rows .views-row
{
  display: inline-block;
  min-width: 10em;
	max-width: 31%;
	margin: 0.5em;
	border-radius: 2px;
 	-webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.view-id-studierichtingen_so .view-rows .views-row p
{
 font-size: 0.8em;
}

.view-id-studierichtingen_so .view-rows .views-row img
{
 border-bottom-left-radius: 2px;
 border-bottom-right-radius: 2px;
}

@media (max-width: 1062px)
{
 .view-id-studierichtingen_so .view-rows .views-row
{
	max-width: 47%;
}
}

@media (max-width: 589px)
{
 .view-id-studierichtingen_so .view-rows .views-row
{
	max-width: 100%;
}
}

.view-id-studierichtingen_so .view-rows .views-row .titel
{
 margin: 0em;
}

.view-id-studierichtingen_so .view-rows .views-row .titel a
{
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 min-height: 4em;
 padding: 0.5em;
 text-align: center;
 vertical-align: middle;
 color: #ffffff;
}

.view-id-studierichtingen_so .view-rows .views-row .titel a span
{
 align-self: center;
}

/* Block studierichtingen */

@media (max-width: 960px)
{
 .view-id-studierichtingen_eerste_graad
 {
 	display: none;
 }
}

.view-id-studierichtingen_eerste_graad .views-row
{
 margin-bottom: 0.25em;
 border-radius: 2px;
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.view-id-studierichtingen_eerste_graad a
{
 display: block;
 width: 100%;
 padding: 0.25em 0.5em;
 color: #ffffff;
}

/* Block ILB en CLB */

.view-id-leerlingenbegeleiding_en_clb .view-rows
{
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
	width: 100%;
	/*max-height: 100em;*/
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  /*border: 2px solid blue;*/
}

.view-id-leerlingenbegeleiding_en_clb .view-rows .views-row
{
  background-color: #ffffff;
	display: inline-block;
	width: 23%;
  /*min-width: 15em;*/
	margin: 0.5em;
	padding: 0.5em;
	font-size: 0.8em;
	/*border-bottom: 1px solid #659a87;*/
	border-radius: 2px;
 	-webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.view-id-leerlingenbegeleiding_en_clb .view-rows .views-row p
{
 font-size: 0.8em;
}

.view-id-leerlingenbegeleiding_en_clb .view-rows .views-row img
{
 border-bottom-left-radius: 2px;
 border-bottom-right-radius: 2px;
}

@media (max-width: 765px)
{
 .view-id-leerlingenbegeleiding_en_clb .view-rows .views-row
{
	width: 31%;
}
}

@media (max-width: 650px)
{
 .view-id-leerlingenbegeleiding_en_clb .view-rows .views-row
{
	width: 46%;
}
}

@media (max-width: 376px)
{
 .view-id-leerlingenbegeleiding_en_clb .view-rows .views-row
{
	width: 100%;
}
}

/* Block Stageplaatsen */

.view-stageplaatsen .view-rows
{
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
}

.view-stageplaatsen .views-row
{
 background-color: #ffffff;
 border-radius: 2px;
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
 margin: 0.5em;
 width: 220px;
}

.view-stageplaatsen .views-row .image a
{
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 min-height: 220px;
 padding: 0.5em;
 text-align: center;
 vertical-align: middle;
 color: #ffffff;
 border-bottom-left-radius: 2px;
 border-bottom-right-radius: 2px;
}

.view-stageplaatsen .views-row .title
{
 border-top-left-radius: 2px;
 border-top-right-radius: 2px;
}

.view-stageplaatsen .views-row .title a
{
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 min-height: 4em;
 padding: 0.5em;
 text-align: center;
 vertical-align: middle;
 color: #ffffff;
}

/* Activiteiten */

.view-activiteiten-so .view-rows
{
 display: flex;
 flex-wrap: wrap;
 /*justify-content: center;
 align-items: center;*/
}

.view-activiteiten-so .views-row
{
 background-color: #ffffff;
 border-radius: 2px;
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
 margin: 0.5em;
 /*width: 220px;*/
 max-width: 31%;
}

@media (max-width: 1062px)
{
 .view-activiteiten-so .view-rows .views-row
{
	max-width: 47%;
}
}

@media (max-width: 589px)
{
 .view-activiteiten-so .view-rows .views-row
{
	max-width: 100%;
}
}

.view-activiteiten-so .views-row .container
{
 position: relative;
}

.view-activiteiten-so .views-row .image
{
 border-bottom-left-radius: 2px;
 border-bottom-right-radius: 2px;
}

.view-activiteiten-so .views-row .image a
{
 /*display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 min-height: 220px;
 padding: 0.5em;
 text-align: center;
 vertical-align: middle;
 color: #ffffff;*/
 border-bottom-left-radius: 2px;
 border-bottom-right-radius: 2px;
}

.view-activiteiten-so .views-row .date
{
 border-top-left-radius: 2px;
 border-top-right-radius: 2px;
}

.view-activiteiten-so .views-row .date a
{
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 0.5em;
 min-height: 4em;
 width: 100%;
 text-align: center;
 vertical-align: middle;
 color: #ffffff;
 border-top-left-radius: 2px;
 border-top-right-radius: 2px;
}

.view-activiteiten-so .views-row .title
{
 position: absolute;
 width: 100%; 
 bottom: 0em;
 background-color: #ffffff;
 background:rgba(255,255,255,0.75);
 text-align: center;
 border-bottom-left-radius: 2px;
 border-bottom-right-radius: 2px;
}

.view-activiteiten-so .views-row .title a
{
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 0.5em;
 width: 100%;
 text-align: center;
 vertical-align: middle;
 /*color: #ffffff;*/
}

#block-views-block-activiteiten-so-block-1 .views-row
{
 border-radius: 0px;
 -webkit-box-shadow: none;
          box-shadow: none;
 margin: 0.5em;
 width: 100%;
}

#block-views-block-activiteiten-so-block-1 .views-row .field-content
{
 display: flex;
 /*background-color: #659a87;*/
 margin-bottom: 0.25em;
 border-radius: 2px;
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

#block-views-block-activiteiten-so-block-1 .views-row .field-content .image
{
 width: 60px;
}

@media (max-width: 1200px)
{
 #block-views-block-activiteiten-so-block-1 .views-row .field-content .image
 {
 	display: none;
 }
}

#block-views-block-activiteiten-so-block-1 .views-row .field-content .image, #block-views-block-activiteiten-so-block-1 .views-row .field-content .image a, #block-views-block-activiteiten-so-block-1 .views-row .field-content .image a img
{
 border-top-left-radius: 2px;
 border-top-right-radius: 0px;
 border-bottom-right-radius: 0px;
 border-bottom-left-radius: 2px;
}

#block-views-block-activiteiten-so-block-1 .item-list
{
 width: 100%;
}

#block-views-block-activiteiten-so-block-1 ul
{
 width: 100%;
}

#block-views-block-activiteiten-so-block-1 .container2
{
 display: flex;
 flex-grow: 1;
 width: 100%;
 padding: 5px;
 margin-bottom: 10px;
}

#block-views-block-activiteiten-so-block-1 .container2 a
{
 color: #ffffff;
 padding: 0.25em 0.5em;
 display: block;
 width: 100%;
 height: 100%;
 border-top-left-radius: 0px;
 border-top-right-radius: 2px;
 border-bottom-right-radius: 2px;
 border-bottom-left-radius: 0px;
}

#block-views-block-activiteiten-so-block-1 .container2 a:hover
{
 /*background-color: #75a492;*/
}

#block-views-block-activiteiten-so-block-2 .views-row
{
 border-radius: 0px;
 -webkit-box-shadow: none;
          box-shadow: none;
 margin: 0.5em;
 width: 100%;
}

#block-views-block-activiteiten-so-block-2 .views-row .field-content
{
 display: flex;
 /*background-color: #659a87;*/
 margin-bottom: 0.25em;
 border-radius: 2px;
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

#block-views-block-activiteiten-so-block-2 .views-row .field-content .image
{
 width: 60px;
}

@media (max-width: 1200px)
{
 #block-views-block-activiteiten-so-block-2 .views-row .field-content .image
 {
 	display: none;
 }
}

#block-views-block-activiteiten-so-block-2 .views-row .field-content .image, #block-views-block-activiteiten-so-block-2 .views-row .field-content .image a, #block-views-block-activiteiten-so-block-2 .views-row .field-content .image a img
{
 border-top-left-radius: 2px;
 border-top-right-radius: 0px;
 border-bottom-right-radius: 0px;
 border-bottom-left-radius: 2px;
}

#block-views-block-activiteiten-so-block-2 .item-list
{
 width: 100%;
}

#block-views-block-activiteiten-so-block-2 ul
{
 width: 100%;
}

#block-views-block-activiteiten-so-block-2 .container2
{
 display: flex;
 flex-grow: 1;
 width: 100%;
 padding: 5px;
 margin-bottom: 10px;
}

#block-views-block-activiteiten-so-block-2 .container2 a
{
 color: #ffffff;
 padding: 0.25em 0.5em;
 display: block;
 width: 100%;
 height: 100%;
 border-top-left-radius: 0px;
 border-top-right-radius: 2px;
 border-bottom-right-radius: 2px;
 border-bottom-left-radius: 0px;
}

#block-views-block-activiteiten-so-block-2 .container2 a:hover
{
 /*background-color: #75a492;*/
}

/* Social Media Links */

#block-socialmedialinks ul, #block-socialmedialinks-2 ul
{
 justify-content: space-around;
 margin: 0px;
}

/* Pager */

.pager
{
 background-color: #ffffff;
 border-radius: 2px;
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

/*.pager__item
{
 background-color: #ffffff;
 border-radius: 2px;
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}*/

/* Various */

.auteur, .field-name-field-getuigenis-auteur
{
 font-size: 1.25rem;
 font-weight: 300;
 margin: 0px;
}

.roundcorners
{
 background-color: #ffffff;
 border-radius: 2px;
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.roundcorners-transparent
{
 border-radius: 2px;
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.roundcorners-top
{
 border-top-left-radius: 2px;
 border-top-right-radius: 2px;
}

.roundcorners-bottom
{
 border-bottom-left-radius: 2px;
 border-bottom-right-radius: 2px;
}

.green__border
{
 border: 1px solid #75a492;
}

.white__border
{
 border: 1px solid #ffffff;
}

.indent
{
 margin-left: 1em;
}

.responsive {
    max-width: 100%;
    height: auto;
}

.responsive_iframe
{
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
        border-radius: 2px;
        -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.responsive_iframe iframe
{
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}

.extra__margin
{
 margin: 1.25em;
}

.extra__margin__top
{
 margin-top: 1.25em;
}

.extra__margin__bottom
{
 margin-bottom: 1.25em;
}

.extra__margin__sides
{
 margin: 0em 1.25em;
}

.extra__padding
{
 padding: 1.25em;
}

.extra__padding__a
{
 display: block;
 padding: 1.25em;
}

.float__left
{
 float: left;
 margin-right: 1.25em;
}

.float__right
{
 float: right;
 margin-left: 1.25em;
}

.clear__both
{
 clear: both;
 overflow: auto;
}

.overflow__hidden
{
 overflow: hidden;
}

.display__flex
{
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: space-around;
}

.display__flex__row
{
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
}

.display__flex__row__nowrap
{
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
}

.display__flex__row__item
{
 	display: inline-block;
  min-width: 10em;
	max-width: 32%;
	margin: 5px;
}

.display__flex__row__nowrap img
{
 margin-right: 1.25em;
 align-self: center;
}

@media (max-width: 556px)
{
 .display__flex__row__nowrap img
{
	display: none;
}
}

@media (max-width: 1062px)
{
 .display__flex__row__item
{
	max-width: 48%;
}
}

@media (max-width: 556px)
{
 .display__flex__row__item
{
	max-width: 100%;
}
}

.display__flex__row img
{
 margin-right: 1.25em;
 /*margin-bottom: 1.25em;*/
}

.display__flex__noresize
{
 flex-shrink: 0;
}

.center__text
{
 text-align: center;
}

.text__overlay__container
{
 position: relative;
}

.text__overlay__top__center
{
 position: absolute;
 top: 0.25em;
 left: 50%;
 transform: translateX(-50%);
}

.white__text
{
 color: #ffffff; !important
}

.Secundair_Onderwijs
{
 background-color: #659a87;
}

.Wetenschap-en-technologie, .Wetenschap_en_technologie
{
 background-color: #60a2ac;
}

a.Wetenschap-en-technologie, a.Wetenschap_en_technologie, a.Hotel, a.Eerste-graad, a.Eerste_graad
{
 display:flex;
 color: #ffffff;
 justify-content: center;
}

a.Wetenschap-en-technologie span, a.Wetenschap_en_technologie span, a.Hotel span, a.Eerste-graad span, a.Eerste_graad span
{
 align-self: center;
}

.Hotel
{
 background-color: #972f30;
}

.Eerste-graad, .Eerste_graad
{
 background-color: #c4be66;
}

.full__width
{
 display: block;
 width: 100%;
}

.kleine__tekst
{
 font-size: 0.8em;
}

.os__button
{
width: 20%;
margin-bottom: 10px;
}

@media (max-width: 1062px)
{
 .os__button
{
	width: 33%;
}
}

@media (max-width: 556px)
{
 .os__button
{
	width: 50%;
}
}

@media (max-width: 300px)
{
 .os__button
{
	width: 100%;
}
}

.os__button2
{
background-color: #659a87;
color: #ffffff;
border-radius: 2px;
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
padding: 5px;
	}

.os__button2 a
{
	color: #ffffff; !important
	}

.os__button2 a:visited
{
	color: #ffffff; !important
	}
	
#superfish-main li ul
{
 background-color: #659a87;
}

#superfish-main li ul li
{
 background-color: transparent;
}

.l-navbar
{
 position: -webkit-sticky; /* Safari */
 position: sticky;
 top: 0;
 z-index: 9999;
}

/*Pijlen studierichtingen*/

.arrow__container
{
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 justify-content: space-evenly;
 align-items: stretch;
 width: 100%;
}

.arrow__container2
{
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 justify-content: space-evenly;
 align-items: stretch;
 background-color: #d3e2dc;
 margin: 0px 40px;
 padding: 10px;
}

.arrow
{
 /*width: 33%;*/
 margin: 5px;
 /*border: 1px solid #d3e2dc;*/
}

.arrow__top
{
 /*width: 33%;*/
 margin: 0px 10px;
}

.arrow__top img
{
 width: 100%;
 height: auto;
 position: relative;
 top: 2px;
}

.arrow__title__wrapper
{
 /*width: 33%;*/
 margin: 0px 10px;
}

.arrow__title
{
 background-color: #d3e2dc;
 margin: 0px 10px;
 padding: 10px;
 border: 1px solid #d3e2dc;
}

.arrow__title .os__button2
{
 display: block;
 text-align: center;
}

.arrow__content__wrapper
{
 /*width: 33%;*/
 margin: 0px 10px;
}

.arrow__content

{
 background-color: #d3e2dc;
 margin: 0px 10px;
 padding: 5px 10px;
 border: 1px solid #d3e2dc;
 height: 100%;
}

.arrow__content ul
{
 padding-left: 1rem;
 margin-bottom: 0px;
}

.arrow__content ul li
{
 font-size: 0.8em;
}

.arrow__33
{
 width: 33%;
}

.arrow__100
{
 width: 100%;
}

@media (max-width: 998px)
{
 .arrow__content__wrapper
 {
 	/*display: none;*/
 }
}

@media (max-width: 756px)
{
 .arrow__container
 {
 	flex-direction: column;
 }
 
 .arrow
 {
 	
 }
 
 .arrow__top
 {
 	display: none;
 }

 .arrow__top img
 {
 	
 }
 
 .arrow__title__wrapper
 {
 	/*-webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);*/
	width: auto;
 }

 .arrow__title
 {
 	background-color: transparent;
	padding: 5px;
	border: none;
 }
 
 .arrow__title .os__button2
 {
 	
 }
 
 .arrow__content__wrapper
 {
 	display: none;
 }
}

.arrow__vierkant__wrapper
{
 width: 200px;
 height: 200px;
 background-color: #659a87;
 color: #ffffff;
 display: flex;
 justify-content: center;
 align-items:center;
}

.arrow__vierkant
{
 
}

.arrow__cirkel__wrapper
{
 width: 250px;
 height: 250px;
 background-color: #659a87;
 border-radius: 125px;
 color: #ffffff;
 display: flex;
}

.arrow__vierkant
{
 
}