@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800&display=swap");
@font-face {
  font-family: "FF Meta Web Pro 2";
  src: url("../fonts/327EDA_0_0.eot");
  src: url("../fonts/327EDA_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/327EDA_0_0.woff2") format("woff2"), url("../fonts/327EDA_0_0.woff") format("woff"), url("../fonts/327EDA_0_0.ttf") format("truetype");
}
@font-face {
  font-family: "FF Meta Web Pro";
  src: url("../fonts/327EDA_1_0.eot");
  src: url("../fonts/327EDA_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/327EDA_1_0.woff2") format("woff2"), url("../fonts/327EDA_1_0.woff") format("woff"), url("../fonts/327EDA_1_0.ttf") format("truetype");
}
@media (min-width: 768px) and (max-width: 1024px) {
  .tablet-grid-33 {
    float: left;
    width: 33.33333%;
  }

  .tablet-grid-66 {
    float: left;
    width: 66.66667%;
  }
}
@media (max-width: 767px) {
  .mobile-grid-33 {
    float: left;
    width: 33.33333%;
  }

  .mobile-grid-66 {
    float: left;
    width: 66.66667%;
  }
}
.header-wrapper {
  position: fixed;
  width: 100%;
  z-index: 99999;
}

.site-content{
  margin-bottom: 70px;
}
.entry-content:not(:first-child){
  margin-top: 0;
}

.programma-tegel-wrapper {
  border: 1px solid #e1dcd1;
  padding: 20px;
}


.tile-offset{
  margin-top: -193px;  
}

.ervaring-tegel-wrapper {
  border: 1px solid #e1dcd1;
  padding: 0px;
}

.ervaring-tegel-wrapper-inner {
  position: relative;
  background-size: cover;
  background-position: center top;
}

.ervaring-tegel-wrapper-overlay {
  background: black;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), black 100%);
  height: calc(100vw/5);
  position: relative;
  padding: 20px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
.flip-card .ervaring-tegel-wrapper-overlay {
	height: 100%!important;
}

.ervaring-tegel-wrapper-overlay-xl {
  background: black;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), black 100%);
  height: 100%;
  position: relative;
  padding: 20px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}

.ervaring-tegel-wrapper .tegelkop h4 {
  color: #ffffff !important;
}

.ervaring-tegel-wrapper-xl .tegelkop h4 {
  color: #ffffff !important;
}

.panel-w5f8d8a60344c4-1-0-0 .cta-tile-wrapper {
  max-height: 475px !important;
}

.ervaring-tegel-wrapper:hover .ervaring-tegel-wrapper-overlay {
  opacity: 0.8;
}

.ervaring-tegel-wrapper:hover .ervaring-tegel-wrapper-overlay-xl {
  opacity: 0.8;
}

.tegelkop h3 {
  margin-bottom: 10px;
}

.ervaring-tegel-wrapper .tegelkop, .ervaring-tegel-wrapper .tilebutton a {
  color: #ffffff !important;
}

.ervaringtekst {
  color: #ffffff !important;
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: calc(100% - 40px);
}

.grid-25 .ervaring-tegel-wrapper .ervaringtekst .tegelkop h4 {
  font-size: inherit;
}

.grid-25 .ervaring-tegel-wrapper .tegel-terms {
  min-height: unset;
  font-weight: inherit;
  font-family: inherit;
  margin-bottom: 5px;
  font-family: "FF Meta Web Pro","Open Sans","Helvetica",sans-serif;
  padding-bottom: 0;
}

.widget_whap_cta_afbeelding_widget .subtitle {
  margin-bottom: 20px;
  line-height: 1.2;
}

.widget_whap_cta_afbeelding_xl_widget .subtitle {
  margin-bottom: 20px;
  line-height: 1.2;
  font-size: 22px;
}

.ervaring-tegel-wrapper .tegel-terms {
  min-height: unset;
  font-weight: 300;
  padding-bottom: 0;
  font-family: "FF Meta Web Pro","Open Sans","Helvetica",sans-serif;
}

.multi-cta,
.multi-cta .tegelkop h4{
  text-align: center;
  width: 100%;
  margin-bottom: 0px;
}

.multi-cta .ervaringtekst > div{
  margin: 25px 0;
}

.multi-cta .ervaringtekst{
  color: #ffffff !important;
  position: absolute;
  bottom: 50%;
  left: 50%;
  width: calc(100% - 40px);
  transform: translate(-50%, 50%);
}

.news-block-title{
  width: 100%;
  text-align: center;
}

.widget-title{
  font-size: 22px;
}

.widget_text_button span.subtitle{
  height: auto;
  margin-bottom: 30px;
}
.widget_text_button .text-wrapper div a:first-of-type{
  margin-right: 10px;
}

.widget_whap_multi_cta_afbeelding_widget .subtitle{
  font-size: 18px;
}
@media (min-width: 1025px) {
	.site-tegel .ervaring-tegel-wrapper-inner,
	.site-tegel .ervaring-tegel-wrapper-overlay{
		min-height: 300px;
	}
}
@media (max-width: 1024px) {
	.ervaring-tegel-wrapper-overlay{
		height: calc(100vw/3.25);
	}
	.site-tegel .ervaring-tegel-wrapper-inner{
		height: calc(100vw/3.25);
	}
	.widget_whap_cta_afbeelding_widget .ervaring-tegel-wrapper-overlay {
		height: 100%!important;
	}
}
@media (max-width: 500px) {
  .ervaring-tegel-wrapper-overlay {
    height: 100%;
  }
}
.tegel-terms {
  font-weight: 800;
  padding-bottom: 20px;
  min-height: 80px;
}

.programma-tegel-wrapper span.subtitle {
  margin-bottom: 10px;
}

.programma-tegel .subtitle {
  font-size: 15px;
  line-height: 1.2;
  font-family: "FF Meta Web Pro","Open Sans","Helvetica",sans-serif;
  font-weight: 500;
}

.programma-tegel span.subtitle {
  width: calc(100% - 33px);
  display: inline-block;
  height: 33px;
  vertical-align: top;
}

.orange-programma-tegel-wrapper {
  background-color: #ff6316;
  padding: 20px;
  position: relative;
}

.orange-programma-tegel-wrapper .inner-wrapper {
  border: 1px solid #ffffff;
  padding: 20px;
  color: #ffffff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.orange-programma-tegel-wrapper .inner-wrapper a {
  color: #ffffff;
  text-decoration: none !important;
}

.orange-programma-tegel-wrapper h2 {
  color: #ffffff;
  margin-bottom: 0;
}

.orange-programma-tegel-wrapper .programma-categorie {
  font-size: 1.4rem;
  font-weight: 500;
  font-family: "FF Meta Web Pro","Open Sans","Helvetica",sans-serif;
}

.orange-programma-tegel-wrapper .categorie-description {
  font-size: 14px;
  line-height: 18px;
  padding-bottom: 20px;
}

.orange-agenda-tegel-wrapper button {
  border: 2px solid #fff;
  width: 100%;
  background-color: transparent;
}

.orange-agenda-tegel-wrapper button:hover {
  background-color: transparent;
}

.orange-agenda-tegel-wrapper button span {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  width: 100%;
  position: relative;
  display: block;
}

.orange-agenda-tegel-wrapper {
  background-color: #ff6316;
  padding: 20px;
  min-height: 547px;
}

.orange-agenda-tegel-wrapper .inner-wrapper {
  border: 1px solid #ffffff;
  padding: 20px;
  color: #ffffff;
  position: relative;
  min-height: 507px;
}

.orange-agenda-tegel-wrapper .inner-wrapper a {
  color: #ffffff;
  text-decoration: none !important;
}

.orange-agenda-tegel-wrapper h2 {
  color: #ffffff;
  margin-bottom: 20px;
  text-align: center;
}

.orange-agenda-tegel-wrapper .programma-categorie {
  font-size: 1.4rem;
  font-weight: 500;
  font-family: "FF Meta Web Pro","Open Sans","Helvetica",sans-serif;
}

.orange-agenda-tegel-wrapper .categorie-description {
  font-size: 14px;
  line-height: 18px;
  padding-bottom: 20px;
}

.orange-agenda-tegel-wrapper .blockbutton {
  text-align: center;
  display: block;
  position: absolute;
  width: calc(100% - 40px);
  bottom: 20px;
}

.tile-wrapper {
  border: 1px solid #e1dcd1;
  padding: 20px;
  transition: all 0.25s ease;
}

.tile-wrapper:hover {
  border: 1px solid #ff6316;
}

.tile-wrapper .subtitle {
  font-size: 15px;
  line-height: 1.2;
  font-family: "FF Meta Web Pro","Open Sans","Helvetica",sans-serif;
  font-weight: 500;
}

.span.tilebutton {
  width: 25%;
}

span.subtitle {
  width: calc(100% - 33px);
  display: inline-block;
  height: 33px;
  vertical-align: top;
}

span.tilebutton {
  width: 33px;
  display: inline-block;
}

.tegelkop {
  font-size: 28px;
  color: #ff6316;
  line-height: 43px;
}

h1.page-heading {
  color: #ff6316;
  font-size: 2.75em;
}

.ta-icons.ta-arrow-right {
  background-color: currentColor;
  -webkit-background-image: url(../images/icons/svg/arrow-right.svg);
  background-image: url(../images/icons/svg/arrow-right.svg);
  -webkit-mask-image: url(../images/icons/svg/arrow-right.svg);
  mask-image: url(../images/icons/svg/arrow-right.svg);
  height: 33px;
  width: 33px;
  display: flex;
  background-repeat: no-repeat;
}

.ta-icons.ta-phone {
  background-color: currentColor;
  -webkit-mask-image: url(../images/icons/svg/phone.svg);

  mask-image: url(../images/icons/svg/phone.svg);
  height: 19px;
  width: 19px;
  display: flex;
  background-repeat: no-repeat;
}

.ta-icons.ta-search {
  background-color: currentColor;
  -webkit-mask-image: url(../images/icons/svg/search.svg);
  mask-image: url(../images/icons/svg/search.svg);
  height: 19px;
  width: 21px;
  display: flex;
  background-repeat: no-repeat;
}

.ta-icons.ta-locatie {
  background-color: currentColor;
  -webkit-mask-image: url(../images/icons/svg/locatie.svg);
  mask-image: url(../images/icons/svg/locatie.svg);
  height: 23px;
  width: 18px;
  display: flex;
  margin-right: 10px;
  position: relative;
  background-repeat: no-repeat;
}

.ta-icons.ta-klok {
  background-color: currentColor;
  -webkit-mask-image: url(../images/icons/svg/klok.svg);
  mask-image: url(../images/icons/svg/klok.svg);
  height: 22px;
  width: 22px;
  display: flex;
  margin-right: 10px;
  position: relative;
  background-repeat: no-repeat;
}

.ta-icons.ta-leeftijd {
  background-color: currentColor;
  -webkit-mask-image: url(../images/icons/svg/leeftijd.svg);
  mask-image: url(../images/icons/svg/leeftijd.svg);
  height: 32px;
  width: 19px;
  display: flex;
  margin-right: 10px;
  position: relative;
  left: -0px;
  margin-top: -10px;
  top: 10px;
  background-repeat: no-repeat;
}

.ta-icons.ta-prijs {
  background-color: currentColor;
  -webkit-mask-image: url(../images/icons/svg/prijs.svg);
  mask-image: url(../images/icons/svg/prijs.svg);
  height: 22px;
  width: 22px;
  display: flex;
  margin-right: 10px;
  position: relative;
  background-repeat: no-repeat;
}

.ta-icons.ta-chat {
  background-color: currentColor;
  -webkit-mask-image: url(../images/icons/svg/chat.svg);
  mask-image: url(../images/icons/svg/chat.svg);
  height: 84px;
  width: 133px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  background-repeat: no-repeat !important;
  margin-bottom: 10px;
}

.rechter-top-menu {
  list-style: none;
  float: right;
  margin: 0;
  margin-top: 20px;
}

.rechter-top-menu.lowraduis {
  margin-top: 12px;
}

.rechter-top-menu.lowraduis span {
  border-radius: 4rem;
  padding: 0.55714em 1.42857em;
}

.rechter-top-menu li {
  display: inline-block;
  margin-right: 10px;
}

.rechter-top-menu li:last-of-type {
  margin-right: 0px;
}

.rechter-top-menu li svg{
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(19deg) brightness(103%) contrast(101%);
  position: relative;
  top: 3px;
}

.rechter-top-menu span {
  background: #dbd5c5;
  display: block;
  padding: 10px;
  border-radius: 50%;
}

.rechter-top-menu a {
  color: #000000;
}

.slideout-toggle:not(.has-svg-icon) a::before {
  top: -12px;
  left: 9px;
}

.off-canvas-toggle-label {
  padding-left: 7px;
  margin-top: -48px;
  height: 39px;
  width: 39px;
}

.tablet-grid-50.mobile-grid-50.mobile-header-left {
  width: calc(100% - 150px);
}

.tablet-grid-50.mobile-grid-50.mobile-header-right {
  width: 150px;
}

.rechter-top-menu.lowraduis .ta-icons.ta-search {
  height: 25px;
  width: 27px;
  display: inline-block;
  margin-bottom: -7px;
}

.rechter-top-menu.lowraduis .extrapadding span {
  background-color: transparent;
  padding: .55714em 0.429em;
}

.main-navigation.offside.is-open {
  width: 100%;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a{
  background-color: #eb521d!important;
}

#mega-menu-slideout > li.mega-menu-item {
  width: 100% !important;
}

.sub-menu-right, .slideout-toggle.menu-item-align-right {
  display: none !important;
}

.searchform-wrapper {
  position: absolute;
  right: 0;
  background: #e1dcd1;
  padding: 2rem;
}

.searchform-wrapper button {
  padding: 0;
  background: #000000;
  height: 44px;
  width: 44px;
}

.searchform-wrapper input {
  min-width: 25rem;
  border-radius: 1rem;
  border: 0;
}

@media (max-width: 510px) {
  .searchform-wrapper input {
    min-width: calc(100% - 70px);
    border-radius: 1rem;
    border: 0;
  }
}
@media (min-width: 510px) {
  .searchform-wrapper input {
    min-width: 25rem;
    border-radius: 1rem;
    border: 0;
  }
}
.searchform-wrapper button .ta-icons.ta-search {
  display: inline-block;
  margin-bottom: -4px;
}

@media (max-width: 1700px) {
  #mega-menu-wrap-primary {
    display: none;
  }
}
.hidesearch {
  display: none;
}

button.slideout-toggle {
  display: none;
}

@media (min-width: 1024px) and (max-width: 1600px) {
  #menu-primary{
    padding: 0 10px 0 10px!important;
  }
  .headerbar .grid-20, .headerbar .grid-30 {
    width: 45%;
  }
  .headerbar .grid-50 {
    width: 10%;
  }
}
@media (min-width: 1024px) and (max-width: 1550px){
  button.slideout-toggle{
    display: inline-block;
  }
  .rechter-top-menu.lowraduis {
    margin-top: -3px;
  }
  #menu-primary{
    display: none!important;
  }
}

button.slideout-toggle:not(.has-svg-icon) {
  padding: 0.55714em 1.42857em;
}

button.slideout-toggle:not(.has-svg-icon) a {
  color: #ffffff !important;
  font-size: 16px;
}

button.slideout-toggle:not(.has-svg-icon) a::before {
  content: "";
  width: unset;
}

button.slideout-toggle:not(.has-svg-icon) a::before {
  top: 0;
  left: 3px;
}

button.slideout-toggle {
  padding: 0px 11px;
  margin-top: 15px;
}

button.afterheaderbutton {
  padding: 0.55714em 1.42857em;
  display: inline-block;
  background-color: #087eb0;
  margin: 10px;
  border-radius: 2em;
  color: #fff;
}

.PreHeaderMobile {
  background-color: #e6e7e8;
}

.tile-wrapper button {
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  background-color: #ffffff;
  border-color: #ff6316;
  color: #ff6316;
}

.tile-wrapper button:hover {
  background-color: #ff6316;
  border-color: #ff6316;
  color: #ffffff;
}

.tile-wrapper a {
  text-decoration: none;
}

.iconen {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

.iconen li {
  list-style: none;
  display: inline-flex;
  margin-right: 20px !important;
  margin-left: 0px !important;
}

.iconen li span {
  white-space: nowrap;
  margin-left: 0px !important;
  margin-top: -6px;
}

.agenda-day {
  font-size: 5rem;
  line-height: 5rem;
  color: #ff6316;
  font-family: "FF Meta Web Pro","Open Sans","Helvetica",sans-serif;
}

.blokheaderimage {
  text-align: center;
  color: #ff6316;
}

.agenda-month-year, .agendaprogramma {
  font-weight: 600;
  font-size: 18px;
}

.agenda .agenda-month-year, .agenda .tegelkop, .agenda .agendaprogramma {
  font-family: "FF Meta Web Pro","Open Sans","Helvetica",sans-serif;
}

.agenda .agenda-month-year {
  margin-top: -10px;
}

.agenda table, .agenda tr, .agenda td {
  border: 0;
  vertical-align: top;
  line-height: 1.4;
  padding-top: 0;
}

.agenda table {
  margin-bottom: 0;
}

.agenda .tegelkop {
  color: #3a3a3a;
  margin-top: 10px;
}

.agenda .agendaprogramma {
  color: #ff6316;
  font-size: 20px;
}

.meerinformatie .ta-icons.ta-arrow-down {
  display: inline-block;
  transform: rotate(-90deg);
}

.tijdLocatie {
  padding-top: 30px;
  padding-bottom: 40px;
  font-size: 16px;
  height: 150px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1.6;
}

.meerinformatie {
  display: block !important;
  padding: 11px;
  padding-bottom: 12px;
  font-family: "FF Meta Web Pro";
  font-weight: 500;
  font-size: 18px;
  text-decoration: underline;
}

.CtaBlock {
  border: 1px solid #e1dcd1;
  display: flex;
  justify-content: space-between;
  padding: 30px 40px;
  text-align: left;
}

.CtaBlock__Icon {
  text-align: center;
  margin-right: 20px;
}

.programma-tegel-wrapper.agenda {
  padding-top: 50px;
  padding-bottom: 50px;
  min-height: 547px;
}

.CtaBlock__Text {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-weight: 600;
  font-family: "Open Sans","Helvetica",sans-serif;
}

.CtaBlock__Text p {
  margin: 0;
}

.CtaBlock__Text h3 {
  margin-bottom: 0;
}

.CtaBlock__Subtitle {
  font-family: "FF Meta Web Pro","Open Sans","Helvetica",sans-serif;
  font-weight: 500;
  line-height: 1.5;
}

.ervaring-tegel-wrapper .ervaringtekst .tegelkop h4 {
  font-size: 40px;
}

.ervaring-tegel-wrapper .ervaringtekst .tegelkop h3 {
  color: #ffffff;
}

.widget_whap_cta_afbeelding_xl_widget .ervaringtekst .tegelkop h4 {
  font-size: 50px;
}

.ervaring-tegel-wrapper .tegel-terms {
  font-size: 16px;
  line-height: 1.4;
}

.widget_whap_cta_afbeelding_xl_widget .tegel-terms {
  font-size: 22px;
  line-height: 1.4;
}

@media (min-width: 1200px) {
  .CtaBlock {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }

  .CtaBlock__Icon {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: 75px;
    height: auto;
  }
}
@media (max-width: 1200px) {
  .CtaBlock {
    display: block;
    text-align: center;
  }

  .CtaBlock__Icon {
    width: 75px;
    height: 72px;
    margin-left: auto;
    margin-right: auto;
  }

  .CtaBlock__Text p {
    margin: 20px;
  }
}
.gidCorrect {
  margin-left: -20px;
  margin-right: -20px;
  overflow: hidden;
}

.tegelimage a {
  line-height: 0;
}

.tegelimage {
  padding-bottom: 20px;
  line-height: 0;
}

@media (max-width: 768px) {
  .tegelimage img {
    max-height: 250px;
    object-fit: cover;
  }
}
.tegelkop {
  display: flex;
}

span.tegelkop h3 {
  align-self: self-end;
  align-self: flex-end;
  margin-bottom: 10px !important;
}

div.date {
  width: calc(100% - 33px);
  display: inline-block;
  height: 33px;
  vertical-align: top;
  margin-bottom: 10px;
}

.widget_whap_beste_helpen_widget .subtitle {
  height: unset;
  margin-bottom: 20px;
  font-family: Open Sans;
  color: #3a3a3a !important;
}

.widget_whap_beste_helpen_widget .tile-wrapper {
  padding: 20px 10px;
  padding-bottom: 14px;
}

.besthelpentegelkop {
  font-size: 28px;
  color: #ff6316;
  line-height: 43px;
}

.agenda .tegelkop {
  display: block;
  text-align: center;
}

.widget_whap_beste_helpen_widget .tile-wrapper {
  padding-bottom: 0;
  font-size: 0;
}

.widget_whap_beste_helpen_widget .tile-wrapper img {
  padding-bottom: 0;
}

.widget_whap_beste_helpen_widget .tile-wrapper button {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .widget_whap_beste_helpen_widget .besthelpentegelkop {
    padding-top: 20px;
  }
}
/* Dit elders vervangen */
.programma-tegel-wrapper .tegel-terms {
  font-weight: 500;
  min-height: 60px;
  font-family: 'FF Meta Web Pro';
  line-height: 1.2;
}

.programma-tegel-wrapper span.subtitle {
  line-height: 1.2;
}

ul .rechter-top-menu.lowraduis {
  margin-top: 12px;
}

/* Ruimte tussen rijen */
@media screen and (min-width: 1025px) {
  .panel-grid {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .panel-grid {
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 769px) {
  .panel-grid .panel-grid {
    padding-bottom: 0px;
  }
}
.panel-grid .geen-tussenruimte {
  margin-bottom: -60px;
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .panel-grid .geen-tussenruimte {
    margin-bottom: -40px;
  }
}
@media screen and (max-width: 768px) {
  .panel-grid .geen-tussenruimte {
    margin-bottom: 0px;
  }
}
/* Paginering */
.nav-links {
  font-family: "FF Meta Web Pro";
}

.nav-links a.page-numbers.prev, .nav-links a.page-numbers.next {
  color: #000;
  text-decoration: underline;
  border: 0;
}

.nav-links a.page-numbers {
  color: #e1dcd1;
  border: 2px solid #e1dcd1;
  border-radius: 50%;
}

.nav-links .page-numbers.current {
  color: #ff6316;
  border: 2px solid #ff6316;
  border-radius: 50%;
}

.paging-navigation .nav-links > * {
  padding: 0px 7px;
}

/* Widget Zo start jij */
.zo-start-jij {
  background-color: #e1dcd1;
  padding: 60px;
  font-family: 'FF Meta Web Pro';
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .zo-start-jij {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .zo-start-jij {
    padding: 20px 12px;
  }
}
.zo-start-jij h2 {
  color: #000;
}

.zo-start-jij .grid-30, .zo-start-jij .grid-35 {
  padding: 0;
}

.stap-nummer {
  border: 4px solid #000;
  color: #000;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  font-size: 50px;
  text-align: center;
  line-height: 70px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .stap-nummer {
    border: 3px solid;
    width: 50px;
    height: 50px;
    font-size: 40px;
    line-height: 50px;
  }
}
@media screen and (max-width: 768px) {
  .stap-nummer {
    border: 3px solid;
    width: 40px;
    height: 40px;
    font-size: 28px;
    line-height: 40px;
  }
}
.stap-pijl {
  font-size: 22px;
  color: #000;
}

.zo-start-jij table, .zo-start-jij tr, .zo-start-jij td {
  border: 0;
}

td.stap-titel {
  height: 75px;
  vertical-align: bottom;
}

@media screen and (max-width: 1024px) {
  td.stap-titel, td.stap-tekst {
    height: auto;
  }
}
.zo-start-jij h3 {
  vertical-align: bottom;
  margin-bottom: 0px;
  color: #000;
}

.stap-tekst {
  height: 100px;
  vertical-align: top;
}

td.stap-tekst {
  padding-top: 0;
}

@media screen and (min-width: 1400px) {
  td.stap-tekst {
    height: 90px;
  }
}
.zo-start-jij p {
  color: #3a3a3a;
  margin: 0;
  line-height: 1.4;
}

/* Algemeen */
.siteorigin-widget-tinymce a {
  text-decoration: underline;
}

.center {
  text-align: center;
}

.page-title {
  font-size: 50px;
  line-height: 50px;
}

@media screen and (max-width: 768px) {
  h3 {
    font-size: 24px;
  }
}
.widget_whap_kop_widget, .widget_whap_programmakenmerken_widget, .widget_sow-editor, .widget_siteorigin-panels-builder {
  margin-bottom: 0px !important;
}

.widget ul {
  margin-bottom: 20px;
}

.widget ul li {
  list-style-type: disc;
  margin-left: 20px;
}

@media screen and (max-width: 1024px) {
  .no-side-padding {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .site-content {
    padding: 60px 20px 20px 20px !important;
  }
}
.sow-image-container img {
  width: 100%;
}

/* AddtoAny */
.so-panel.widget.widget_a2a_share_save_widget {
  text-align: center;
}

.so-panel.widget.widget_a2a_share_save_widget h4 {
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 40px;
}

/* Cookiebar */
zzz.header-wrapper {
  height: 80px !important;
}

.moove-gdpr-info-bar-container, #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {
  background-color: #ff6316 !important;
}

.moove-gdpr-info-bar-container p, .moove-gdpr-info-bar-container a {
  color: #fff !important;
}

#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_top {
  top: 80px !important;
  z-index: 1 !important;
  border-color: #e1dcd1 !important;
  border: 0 !important;
}

@media screen and (max-width: 1024px) {
  #moove_gdpr_cookie_info_bar.gdpr_infobar_postion_top {
    top: 155px !important;
  }
}
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom {
  border-top: 1px solid #e1dcd1 !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
  padding: 10px 20px !important;
  background-color: #000 !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover {
  background-color: #fff !important;
  color: #000 !important;
}

#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn {
  color: #000 !important;
  opacity: 1 !important;
}

/* Logo */
.navigation-branding img {
  height: 80px;
}
.logo img{
  max-width: 320px;
  margin: auto;
}
@media (max-width: 1024px) {
	.logo img{
	  margin: 8px auto 0 0!important;
	}
}
@media (max-width: 500px) {
	.logo img{
	  width: calc(100% - 20px);
	  margin: 16px auto 0 0 !important;
	}
}
@media (max-width: 420px) {
	.logo img{
	  width: calc(100% - 10px);
	  margin: 17px auto 0 0 !important;
	}
	.tablet-grid-50.mobile-grid-50.mobile-header-right {
	  width: 105px!important;
	}
	.tablet-grid-50.mobile-grid-50.mobile-header-left {
	  width: calc(100% - 105px);
	}
	.phone-item{
		display: none!important;
	}
}
@media (max-width: 380px) {
	.logo img{
	  margin: 19.5px auto 0 0 !important;
	}
	.rechter-top-menu li {
	  margin-right: 6px;
	}
}

/* Nav - Desktop */
#menu-primary{
  visibility: visible;
  text-align: center;
  padding: 0px 30px 0px 30px;
  display: flex;
  margin-left: 0px;
}
#menu-primary > .menu-item{
  margin: 0 0px 0 0;
  display: inline-block;
  height: auto;
  vertical-align: middle;
  position: relative;
}
#menu-primary > .menu-item > a{
  line-height: 80px;
  height: 80px;
  padding: 0px 30px 0px 15px;
  vertical-align: baseline;
  width: auto;
  display: block;
  color: #222;
  text-transform: none;
  text-decoration: none;
  text-align: left;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-size: 16px;
  font-weight: bold;
  outline: none;
}
#menu-primary > .menu-item:not(.menu-item-has-children) > a{
	padding: 0px 15px 0px 15px;
}
#menu-primary > .menu-item:first-of-type > a{
  padding: 0px 30px 0px 30px;
}
#menu-primary > .menu-item > a:hover {
  background: #ff6316;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-color: #fff;
}
#menu-primary .menu-item-has-children::after{
  content: "";
  position: absolute;
  background: url("../images/icons/arrow-down.svg") no-repeat;
  width: 17px;
  height: auto;
  top: calc(52% - 7.43px);
  right: 5px;
  aspect-ratio: 2/1.75;
  background-size: cover;
}
#menu-primary .menu-item-has-children > .sub-menu{
  visibility: hidden;
  opacity: 0;
  display: flex;
  flex-wrap: wrap;
  z-index: 999;
  border-radius: 0;
  background: #eb521d;
  border: 0;
  padding: 10px 10px 10px 10px;
  margin-left: 0;
  position: absolute;
  width: 750px;
  max-height: 449px;
  max-width: none;
  box-sizing: border-box;
  transition: all 0.25s ease;
}
#menu-primary .menu-item-has-children:hover > .sub-menu{
  opacity: 1;
  visibility: visible;
}
#menu-primary .menu-item-has-children > .sub-menu .menu-item{
  list-style: none;
  width: calc(50% - 15px);
  font-family: inherit;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  box-sizing: border-box;
  border-top: 1px solid #dc4715;
}
#menu-primary .menu-item-has-children > .sub-menu .menu-item:nth-of-type(odd){
  margin-right: 30px;
}
#menu-primary .menu-item-has-children > .sub-menu .menu-item:nth-of-type(1),
#menu-primary .menu-item-has-children > .sub-menu .menu-item:nth-of-type(2){
  border-top: 0px solid #dc4715;
}
#menu-primary .menu-item-has-children > .sub-menu .menu-item a{
  color: #000;
  display: inline-block;
}
#menu-primary .menu-item-has-children > .sub-menu .menu-item a .menu-subtitle{
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  margin: -25px 0 0px;
}
.headerbar .side-menu-block{
  font-size: 16px;
}

/* Nav - Mobile */
#primary-mobile-menu{
  display: none;
}
.info-btn{
  margin: 0 5px;
}
.button-menu svg{
  filter: invert(100%) sepia(15%) saturate(7%) hue-rotate(163deg) brightness(102%) contrast(103%);
  position: relative;
  top: 5px;
}

/* Header */
.PreHeaderMobile {
  padding: 15px;
  text-align: center;
}

.header-fix {
  height: 80px;
}

@media screen and (max-width: 1024px) {
  .header-fix {
    height: 150px;
  }
}
.mobile-header-right {
  padding-left: 0;
}

.mobile-header-left {
  padding-right: 0;
}

.rechter-top-menu li a {
  text-decoration: none;
}

.searchform-wrapper {
  padding: 20px;
}

.searchform-wrapper button {
  margin-left: 15px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
  left: auto;
}

@media screen and (max-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link {
    padding-left: 20px;
  }
}
#mega-menu-wrap-slideout #mega-menu-slideout > li.mega-menu-item > a.mega-menu-link {
  padding-left: 20px !important;
}

#mega-menu-wrap-slideout #mega-menu-slideout li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding-left: 20px;
  padding-right: 0px;
}

.slide-opened .slideout-exit:not(.has-svg-icon):before, .slideout-navigation button.slideout-exit:not(.has-svg-icon):before {
  border: 3px solid #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 34px;
}

.slideout-navigation button.slideout-exit{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: auto;
  padding: 10px;
}
#menu-primary-2{
	margin-top: 50px;	
}
.main-navigation #menu-primary-2 > li:first-of-type > a{
	line-height: 40px!important;
}
.main-navigation #menu-primary-2 > li:first-of-type > ul > li > a{
	line-height: unset!important;
}

.menu-item-has-children .dropdown-menu-toggle{
  padding-right: 23px;
}

/* Headers */
.headerbar{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.headerbar .logo-block,
.headerbar .side-menu-block,
.headerbar .menu-block{
  width: auto;
  float: none;
  box-sizing: border-box;
  padding: 0;
}

.headerbar .menu-block{
  margin: 0 auto;
}

.headerbar .side-menu-block{
  padding: 0 10px;
}

.headerbar .side-menu-block{
  padding: 0 10px;
}

.headerbar #menu-primary .menu-item-has-children > .sub-menu .menu-item:hover a{
  color: white;
}

.header-image {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5606617647) 0%, rgba(0, 0, 0, 0.1208858543) 80%);
  padding: 150px 10px;
  padding-left: 20%;
  padding-right: 10%;
}

.Video.small-header,
.Video.small-header .header-image{
  height: 55vh;
}

.header-video-wrapper{
  height: 80vh;
  overflow: hidden;
  position: relative;
}

.header-video-wrapper::after{
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(85, 85, 85, 0.3);
  z-index: 2;
}

.header-video{
  position: absolute;
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.header-video-wrapper .grid-container{
  position: relative;
  z-index: 3;
}

.page-hero,
.page-hero .header-image{
  height: 80vh;
}

.page-hero .inside-page-hero{
  width: 100%;
  max-width: unset;
}

.page-hero .header-image{
 position: relative;
}

.page-hero .header-image:not(.header-home) .grid-container{
  position: absolute;
  top: calc(50% - 113px);
  left: 20%;
}

.page-hero .headerbox h1,
.page-hero .headerbox h3{
  color: white;
}

@media screen and (max-width: 1023px) {
  .header-image {
    padding: 100px 10px;
  }
}
@media screen and (max-width: 767px) {
  .header-image {
    padding: 20px 10px;
  }
}
.header-home {
  padding: 80px 10px;
}

@media screen and (max-width: 1024px) {
  .header-home {
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .header-home {
    padding: 0px;
  }
}
.header-orange {
  padding: 80px 10px;
  padding-left: 20%;
  padding-right: 10%;
}

@media screen and (max-width: 1023px) {
  .header-orange {
    padding: 60px 10px;
  }
}
@media screen and (max-width: 767px) {
  .header-orange {
    padding: 40px 10px;
  }
}
.header-text {
  text-align: center;
  padding: 50px 0;
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .header-text {
    padding: 40px;
  }
}
.main-navigation .main-nav ul li a {
  line-height: 55px;
}
@media screen and (max-width: 768px) {
  .header-text {
    padding-bottom: 20px;
  }
  .main-navigation .main-nav ul li a {
    line-height: 40px;
  }
}
.header-home h1 {
  font-size: 100px;
  font-weight: 600;
  color: #fff;
}
.header-home h2 {
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .header-home h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 768px) {
  .header-home h1 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .header-home h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 768px) {
  .header-home h2 {
    font-size: 14px;
  }
}
.headerbox {
  border: 1px solid #fff;
  padding: 50px;
  width: fit-content;
  font-weight: bold;
  text-shadow: 1px 1px #3a3a3a;
}

@media screen and (max-width: 767px) {
  .headerbox {
    padding: 20px;
  }
}
.header-subtitel {
  margin: 0;
  padding-top: 10px;
}

.header-tags {
  margin: 0;
  padding-top: 15px;
}

/* homepage tegels */
@media screen and (max-width: 768px) {
  .tegel-tussenruimte {
    margin-bottom: -20px;
  }
}
/* Bedankpagina magazines */
.magazine-bedankt {
  clear: none !important;
  font-size: 16px;
  font-style: normal;
  padding-bottom: 20px;
}

.magazine-programma {
  border: 1px solid #e1dcd1;
  padding: 20px;
  margin-bottom: 10px;
}

.magazine-programma img {
  padding-bottom: 20px;
  height: 400px;
  width: 100%;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .magazine-programma img {
    height: 200px;
  }
}
@media screen and (min-width: 1025px) {
  .magazine-programma h3 {
    height: 56px;
  }
}
.magazine-programma p {
  margin: 0;
}

@media screen and (min-width: 1025px) {
  .magazine-programma p {
    height: 72px;
  }
}
.magazine-programma button {
  margin-top: 20px;
}

.magazine-hsh {
  height: 672px;
}

@media screen and (max-width: 1200px) and (min-width: 769px) {
  .magazine-hsh {
    height: 658px;
  }
}
.magazine-hsh p {
  height: 140px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}

/* Archiefpagina's */
.archief-title {
  margin-left: 20px;
}

.archief-title h1 {
  margin-bottom: 10px;
}

.archief {
  margin-top: 40px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .archief {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 0px;
  }
}
/* Footer */
.footer {
  background-color: #f0f0f1;
  margin-bottom: 25px;
}

.footer .footer-rij > button{
  margin-top: 10px;
}

.uspfooter-bar {
  color: #fff;
  background: #ff6316;
  padding: 0;
}

.uspfooter-bar p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

.uspfooter {
  display: flex;
  margin-bottom: 30px;
}

.uspfooter-bar h3 {
  color: #fff;
  padding: 60px;
  margin: 0px;
}

.footer h4, .uspfooter h4 {
  margin-bottom: 10px;
}

.uspfooter-icon {
  padding-right: 20px;
}

.circle {
  border: 3px solid #fff;
  border-radius: 50%;
  display: inline-block;
  padding: 20px;
}

.uspfooter-icon .circle i {
  width: 26px;
  height: 26px;
  position: relative;
  bottom: -5px;
}

.footer-rij {
  padding: 3rem 0 0;
  color: #000;
}

.footer ul {
  list-style: none;
  margin: 0;
}

.footer a {
  font-family: "FF Meta Web Pro";
  color: #000;
  text-decoration: underline;
}

.footer p {
  font-family: "Open Sans", sans-serif;
  line-height: 1.5;
  margin-bottom: 10px;
}

.footer h3{
  margin-bottom: 5px;
  color: #000;
}
.footer .info-block h3,
.footer .socials h3 {
  margin-bottom: 10px;
}

.footer-nieuwsbrief, .footer-infodagen {
  padding: 1rem 0;
}

.dotted-line {
  border-top: 2px dotted #d3d3d3;
  padding-top: 15px;
}

.footer-bottom {
  font-family: "Open Sans", sans-serif;
  background-color: #f0f0f1;
  padding: 20px;
  margin-top: -90px;
  line-height: 24px;
}

.footer-bottom, .footer-bottom a {
  color: #000;
  text-decoration: none;
}

@media screen and (min-width: 1023px) {
  .footer-bottom .socials {
    text-align: right;
  }
}
@media screen and (max-width: 1024px) {
  .footer-bottom .socials {
    padding-top: 20px;
  }
}
.fa-instagram, .fa-facebook, .fa-youtube-play, .fa-twitter {
  padding: 4px;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  color: #000;
  border: 3px solid #000;
  border-radius: 50%;
}

.fa-instagram:hover, .fa-facebook:hover, .fa-youtube-play:hover, .fa-twitter:hover {
  color: #ff6316;
  border-color: #ff6316;
}

@media screen and (min-width: 1024px) {
  .footer-bottom {
    line-height: 40px;
  }
}
/* Buttons */
button {
  border-radius: 40px;
  line-height: 32px;
  padding: 10px 20px;
}

@media screen and (max-width: 1200px) and (min-width: 1024px) {
  button {
    font-size: 16px !important;
    line-height: 22px;
    padding: 8px 15px;
  }
}
@media screen and (max-width: 768px) {
  button {
    font-size: 16px !important;
    line-height: 22px;
    padding: 8px 15px;
  }
}
button.button-small {
  font-size: 16px;
  line-height: 22px;
  padding: 8px 15px;
}

button a {
  text-decoration: none;
}

.button-blue {
  background-color: #087eb0;
}

.button-grey {
  background-color: #e1dcd1;
  color: #000;
}

.button-white {
  background-color: #fff;
  color: #000;
  border: 2px solid #000;
}

.button-orange {
  background-color: #fff;
  color: #ff6316;
  border: 2px solid #ff6316;
}

.button-orange:hover {
  background-color: #ff6316;
  color: #fff;
  border: 2px solid #ff6316;
}

.button-black {
  background-color: #000;
  color: #fff;
}

.button-black:hover {
  background-color: #ff6316;
  color: #fff;
}

.button-transparent {
  background-color: transparent;
  color: #000;
  border: 2px solid #000;
}

.button-transparent:hover {
  background-color: #000;
  color: #fff;
}

button .fa {
  vertical-align: middle;
}

button .ta-icons.ta-arrow-right {
  float: right;
  margin-left: 10px;
  height: 30px;
  width: 30px;
}

button.button-small .ta-icons.ta-arrow-right {
  float: right;
  margin-left: 10px;
  height: 22px;
  width: 22px;
}

@media screen and (max-width: 768px) {
  button .ta-icons.ta-arrow-right {
    float: right;
    margin-left: 10px;
    height: 22px;
    width: 22px;
  }
}
@media screen and (max-width: 1024px) {
  button.button-round {
    border-radius: 50%;
    height: 41px;
    width: 41px;
    line-height: 20px;
    padding: 0px;
  }
}
button.button-menu {
  padding: 8px 20px !important;
}

@media screen and (min-width: 1200px) {
  button.button-menu {
    padding: 10px 20px !important;
  }
}
/* Tegels */
.tegeltekst {
  font-size: 14px;
  font-weight: 600;
  height: 60px;
}

/* FAQ */
.iw-so-acc-item {
  border: 1px solid #e6e7e8;
  margin-bottom: 20px !important;
}

.iw-so-acc-title {
  font-family: "FF Meta Web Pro";
  color: #000 !important;
  font-size: 28px !important;
  padding: 20px !important;
  padding-right: 70px !important;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .iw-so-acc-title {
    font-size: 20px !important;
    padding: 20px !important;
    padding-right: 60px !important;
  }
}
.iw-so-acc-title:hover {
  color: #000 !important;
  background: #f9f9f9 !important;
}

.iw-so-acc-title:focus {
  background: #f9f9f9 !important;
}

.iw-so-acc-item-active .iw-so-acc-title {
  background: #f9f9f9 !important;
}

.iw-so-acrdn-terms {
  margin-bottom: 0px !important;
}

.iw-so-acrdn-terms li a {
  color: #ff6316 !important;
  font-size: 25px !important;
}

.iw-so-acrdn-terms li a.active {
  color: #dc4715 !important;
}

.iw-so-acc-item .sow-icon-fontawesome.sow-fas {
  font-size: 26px !important;
  color: #000 !important;
  border: 2px solid #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: white;
}

@media screen and (max-width: 768px) {
  .iw-so-acc-item .sow-icon-fontawesome.sow-fas {
    margin-top: -5px;
  }
}
.iw-so-accordion .iw-so-acc-item .iw-so-acc-title span {
  top: 7px;
}

.iw-so-acc-content img {
  width: 100%;
}

.widget_ink-accordion .boven-faq {
  margin-bottom: -30px;
}

/* FAQ Easy Accordeon */
.ea-expand-icon.fa {
  font-size: 28px !important;
  color: #000 !important;
  border: 2px solid #000;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  padding-top: 5px;
  margin-top: -5px;
  float: right !important;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: white;
}

.sp-easy-accordion .sp-ea-single {
  border-radius: 0px;
  border: 1px solid #e6e7e8 !important;
  background: #fff !important;
  margin-bottom: 20px;
}

.sp-easy-accordion .sp-ea-single .ea-header a {
  color: #000 !important;
  font-size: 28px;
  padding: 20px !important;
  padding-right: 5px !important;
}

@media screen and (max-width: 768px) {
  .sp-easy-accordion .sp-ea-single .ea-header a {
    font-size: 20px;
  }
}
.sp-easy-accordion .sp-ea-single .ea-header a:hover {
  color: #000 !important;
  background: #f9f9f9 !important;
}

.ea-expand h3 {
  background-color: #f9f9f9;
}

/* Smalle kolom */
.small {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .small {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .small {
    width: 100%;
  }
}
/* SearchandFilter */
.bekijk-ons-aanbod {
  background-color: #ff6316;
  padding: 0px;
  color: #000;
}

.filter {
  background-color: #ff6316;
  padding: 1px;
}

@media screen and (min-width: 1025px) {
  .bekijk-ons-aanbod-home {
    margin: 0 20px;
  }
}
.filter-titel {
  display: inline-block;
  margin: 28px 0;
  border-right: 8px dotted #000;
}

@media screen and (max-width: 1024px) {
  .filter-titel {
    background-color: #eb521d;
    text-align: left;
    padding-left: 20px;
    margin: 0;
    border-right: 0;
  }
}
.filter-titel h4 {
  color: #3a3a3a;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: -10px;
}

@media screen and (max-width: 1024px) {
  .filter-titel h4 {
    color: #fff;
    text-align: left;
  }
}
@media screen and (max-width: 1024px) {
  .filter-selecties {
    padding: 0;
    margin-top: -10px;
  }
}
.searchandfilter ul {
  margin: 10px;
  display: flex;
}

@media screen and (max-width: 768px) {
  .searchandfilter ul {
    display: block;
  }
}
.searchandfilter ul li {
  text-align: left;
  border-radius: 20px;
  border: 10px solid #ff6316;
  box-shadow: 0 0 0 0px #ffffff;
  margin: 0;
}

.searchandfilter h4 {
  font-family: "Open Sans", sans-serif;
  color: #000;
  font-weight: 100;
  font-size: 16px;
  padding-left: 20px;
  padding-bottom: 2px;
}

.searchandfilter label {
  display: flex;
  padding-right: 10px;
}

.searchandfilter select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../images/icons/svg/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0;
  background-color: #fff;
  color: #000;
  font-family: "FF Meta Web Pro";
  width: 100%;
  margin-left: 15px;
  padding: 5px;
}

.sf-field-taxonomy-programmas, .sf-field-taxonomy-programmas, .sf-field-taxonomy-bestemming, .sf-field-taxonomy-themas, .sf-field-taxonomy-type {
  display: inline-block;
  background-color: #fff;
  width: 100%;
  border-radius: 10px;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .sf-field-taxonomy-programmas, .sf-field-taxonomy-bestemming, .sf-field-submit {
    width: auto !important;
  }
}
.sf-field-taxonomy-reisduur, .sf-field-taxonomy-leeftijd {
  display: inline-block;
  width: 100%;
}

.sf-field-taxonomy-reisduur select, .sf-field-taxonomy-leeftijd select {
  border: 0;
/*   background-color: #ff6316; */
  color: #000;
  font-weight: 100;
  width: 100%;
  margin: 0 0 0 10px;
  padding: 5px 0;
  border-bottom: 2px solid #000;
}

.sf-field-taxonomy-reisduur select option, .sf-field-taxonomy-leeftijd select option {
  background-color: #fff;
}

.sf-field-submit {
  padding: 0px !important;
  margin-top: 26px !important;
  line-height: 1 !important;
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .sf-field-submit {
    margin-top: 21px !important;
  }
}
@media screen and (max-width: 768px) {
  .sf-field-submit {
    margin-top: 0px !important;
  }
}
.sf-field-submit input {
  border-radius: 40px;
  background-color: #000 !important;
}

.sf-field-submit input:hover {
  border-radius: 40px;
  background-color: #fff !important;
  color: #000;
}

.sf-field-reset a {
  color: #fff;
  text-decoration: none;
  height: 36px;
  padding: 6px 0;
  border-bottom: 2px solid #fff;
}

.searchandfilter select.sf-input-select {
  min-width: 130px;
}

/* Filteropenjewereld */
#filter-open-je-wereld {
  background-color: #ff6316;
  padding: 1px;
}

#filter-open-je-wereld .searchandfilter ul {
  display: block;
}

#filter-open-je-wereld .searchandfilter ul li {
  display: inline-block;
}

#filter-open-je-wereld .sf-field-taxonomy-programmas, #filter-open-je-wereld .sf-field-taxonomy-bestemming, #filter-open-je-wereld .sf-field-taxonomy-themas {
  display: inline-block;
  width: 19%;
}

#filter-open-je-wereld .sf-field-taxonomy-reisduur, #filter-open-je-wereld .sf-field-taxonomy-leeftijd {
  display: inline-block;
  width: 17%;
  border-right: 0px;
}

#filter-open-je-wereld .sf-field-reset {
  display: inline-block;
  width: 8%;
  border: 0px;
}

@media screen and (max-width: 1024px) {
  #filter-open-je-wereld .sf-field-taxonomy-programmas, #filter-open-je-wereld .sf-field-taxonomy-bestemming, #filter-open-je-wereld .sf-field-taxonomy-themas, #filter-open-je-wereld .sf-field-taxonomy-reisduur, #filter-open-je-wereld .sf-field-taxonomy-leeftijd, #filter-open-je-wereld .sf-field-reset {
    display: inline-block;
    width: 33.3%;
  }
}
@media screen and (max-width: 768px) {
  #filter-open-je-wereld .sf-field-taxonomy-programmas, #filter-open-je-wereld .sf-field-taxonomy-bestemming, #filter-open-je-wereld .sf-field-taxonomy-themas, #filter-open-je-wereld .sf-field-taxonomy-reisduur, #filter-open-je-wereld .sf-field-taxonomy-leeftijd, #filter-open-je-wereld .sf-field-reset {
    display: inline-block;
    width: 100% !important;
  }
}
#filter-open-je-wereld .sf-field-taxonomy-reisduur select, #filter-open-je-wereld .sf-field-taxonomy-leeftijd select {
  font-family: 'Open Sans';
}

#filter-open-je-wereld .sf-field-reset {
  text-align: right;
  padding-top: 0;
}

@media screen and (max-width: 1024px) {
  #filter-open-je-wereld .sf-field-taxonomy-reisduur, #filter-open-je-wereld .sf-field-taxonomy-leeftijd, #filter-open-je-wereld .sf-field-reset {
    border-top: 0px;
  }
}
@media screen and (max-width: 1024px) {
  #filter-open-je-wereld .sf-field-taxonomy-reisduur, #filter-open-je-wereld .sf-field-taxonomy-leeftijd, #filter-open-je-wereld .sf-field-reset {
    border-top: 0px;
    padding-left: 5px;
  }
}
@media screen and (min-width: 1025px) {
  #filter-open-je-wereld .sf-field-taxonomy-reisduur, #filter-open-je-wereld .sf-field-taxonomy-leeftijd, #filter-open-je-wereld .sf-field-reset {
    position: relative;
    bottom: 12px;
  }
}
@media screen and (max-width: 1024px) {
  #filter-open-je-wereld .sf-field-reset a {
    margin-right: 20px;
  }
}
/* Filter-ervaringen*/
#filter-ervaringen {
  background-color: #ff6316;
  padding: 1px;
}

#filter-ervaringen .searchandfilter ul {
  display: block;
}

#filter-ervaringen .searchandfilter ul li {
  display: inline-block;
}

#filter-ervaringen .sf-field-taxonomy-programmas, #filter-ervaringen .sf-field-taxonomy-bestemming, #filter-ervaringen .sf-field-taxonomy-themas {
  display: inline-block;
  width: 30%;
}

#filter-ervaringen .sf-field-reset {
  display: inline-block;
  width: 10%;
  border-left: 0px;
  padding-top: 0;
}

@media screen and (max-width: 1024px) {
  #filter-ervaringen .sf-field-taxonomy-programmas, #filter-ervaringen .sf-field-taxonomy-bestemming, #filter-ervaringen .sf-field-taxonomy-themas, #filter-ervaringen .sf-field-reset {
    display: inline-block;
    width: 33.3%;
  }
}
@media screen and (max-width: 768px) {
  #filter-ervaringen .sf-field-taxonomy-programmas, #filter-ervaringen .sf-field-taxonomy-bestemming, #filter-ervaringen .sf-field-taxonomy-themas, #filter-ervaringen .sf-field-reset {
    display: inline-block;
    width: 100% !important;
  }
}
#filter-ervaringen .sf-field-reset {
  text-align: right;
}

@media screen and (max-width: 1024px) {
  #filter-ervaringen .sf-field-reset {
    border-top: 0px;
    width: 100%;
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 1025px) {
  #filter-ervaringen .sf-field-reset {
    position: relative;
    bottom: 12px;
  }
}
/* Filter-agenda*/
#filter-agenda {
  background-color: #ff6316;
  padding: 1px;
}

#filter-agenda .searchandfilter ul {
  display: block;
}

#filter-agenda .searchandfilter ul li {
  display: inline-block;
}

#filter-agenda .sf-field-taxonomy-programmas, #filter-agenda .sf-field-taxonomy-type {
  display: inline-block;
  width: 45%;
}

#filter-agenda .sf-field-reset {
  display: inline-block;
  width: 10%;
  border-left: 0px;
}

@media screen and (max-width: 1024px) {
  #filter-agenda .sf-field-taxonomy-programmas, #filter-agenda .sf-field-taxonomy-type, #filter-agenda .sf-field-reset {
    display: inline-block;
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  #filter-agenda .sf-field-taxonomy-programmas, #filter-agenda .sf-field-taxonomy-type, #filter-agenda .sf-field-reset {
    display: inline-block;
    width: 100% !important;
  }
}
#filter-agenda .sf-field-reset {
  text-align: right;
}

@media screen and (max-width: 1024px) {
  #filter-agenda .sf-field-reset {
    border-top: 0px;
    width: 100%;
    padding: 0;
  }
}
@media screen and (min-width: 1025px) {
  #filter-agenda .sf-field-reset {
    position: relative;
    bottom: 12px;
  }
}
/* Filter Tussenjaar*/
#tussenjaar .sf-field-taxonomy-reisduur, #tussenjaar .sf-field-taxonomy-leeftijd {
  display: inline-block;
  background-color: #fff;
  width: 100%;
  font-weight: 500;
}

#tussenjaar .sf-field-taxonomy-reisduur select, #tussenjaar .sf-field-taxonomy-leeftijd select {
  border: 0;
  background-color: #fff;
  color: #000;
  font-weight: 100;
  width: 100%;
  margin: 0 15px;
  padding: 5px 0;
  border-bottom: 0;
}

.search-result-heading {
  color: #000000;
}

.search-results article.page {
  border-bottom: 1px solid #e1dcd1;
}

.search-results .entry-summary {
  margin-top: 0;
}

.search-results article.page .inside-article {
  padding: 0 0 0px 0;
}

.search-results article.page {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}

.search-results article.page .entry-title {
  font-size: 32px;
}

.search-results article.ervaringen {
  border-bottom: 1px solid #e1dcd1;
}

.search-results article.ervaringen .inside-article {
  padding: 0 0 0px 0;
}

.search-results article.ervaringen {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}

.search-results article.ervaringen .entry-title {
  font-size: 32px;
}

.widget_whap_medewerkers_widget span.subtitle {
  height: 52px !important;
}

.widget_whap_studenten_widget span.subtitle {
  height: 52px !important;
}

.widget_whap_student_widget span.subtitle {
  height: 52px !important;
}

.gfield_radio li, .gfield_checkbox li {
  display: flex;
}

.intresses-eigenschappen {
  color: #ff6316;
}

.intresses-eigenschappen table, .intresses-eigenschappen tr, .intresses-eigenschappen td {
  border: 0 !important;
  vertical-align: top;
}

.intresses-eigenschappen th {
  border: 0 !important;
  vertical-align: top;
  width: 130px;
}

.orange-agenda-tegel-wrapper .content li {
  line-height: 1.4;
  font-weight: 600;
}

.orange-agenda-tegel-wrapper .content ul {
  list-style: none;
}

.orange-agenda-tegel-wrapper .content li:before {
  background-color: currentColor;
  -webkit-mask-image: url(../images/icons/svg/icon-check.svg);
  mask-image: url(../images/icons/svg/icon-check.svg);
  height: 19px;
  width: 21px;
  display: block;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  content: "";
  position: absolute;
  margin-top: 4px;
  margin-left: -35px;
}

.orange-agenda-tegel-wrapper:hover {
  background-color: #eb521d;
}

.searchandfilter-workshop{
	background-color: #ff6316;
	padding: 1px;
}
.searchandfilter-workshop .search-filter-reset{
	width: 98px;
	display: inline-block;
}

/*# sourceMappingURL=style.css.map */