/*
Theme Name: ecp-nl
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 9.12.7
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family: 'robotothin_italic';
  src: url("fonts/roboto-thinitalic-webfont.woff2") format("woff2"), url("fonts/roboto-thinitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotothin';
  src: url("fonts/roboto-thin-webfont.woff2") format("woff2"), url("fonts/roboto-thin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotoregular';
  src: url("fonts/roboto-regular-webfont.woff2") format("woff2"), url("fonts/roboto-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotomedium_italic';
  src: url("fonts/roboto-mediumitalic-webfont.woff2") format("woff2"), url("fonts/roboto-mediumitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotomedium';
  src: url("fonts/roboto-medium-webfont.woff2") format("woff2"), url("fonts/roboto-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; 
}

@font-face {
  font-family: 'robotoitalic';
  src: url("fonts/roboto-italic-webfont.woff2") format("woff2"), url("fonts/roboto-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotobold_italic';
  src: url("fonts/roboto-bolditalic-webfont.woff2") format("woff2"), url("fonts/roboto-bolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotobold';
  src: url("fonts/roboto-bold-webfont.woff2") format("woff2"), url("fonts/roboto-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotoblack_italic';
  src: url("fonts/roboto-blackitalic-webfont.woff2") format("woff2"), url("fonts/roboto-blackitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotoblack';
  src: url("fonts/roboto-black-webfont.woff2") format("woff2"), url("fonts/roboto-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }




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

@font-face {
    font-family: 'DINPro';
    src: url('fonts/DINPro-Light.eot');
    src: url('fonts/DINPro-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/DINPro-Light.woff2') format('woff2'),
        url('fonts/DINPro-Light.woff') format('woff'),
        url('fonts/DINPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    src: url('fonts/DINPro-Bold.eot');
    src: url('fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/DINPro-Bold.woff2') format('woff2'),
        url('fonts/DINPro-Bold.woff') format('woff'),
        url('fonts/DINPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    src: url('fonts/DINPro-Black.eot');
    src: url('fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/DINPro-Black.woff2') format('woff2'),
        url('fonts/DINPro-Black.woff') format('woff'),
        url('fonts/DINPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    src: url('fonts/DINPro-Medium.eot');
    src: url('fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/DINPro-Medium.woff2') format('woff2'),
        url('fonts/DINPro-Medium.woff') format('woff'),
        url('fonts/DINPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}



.sched-sort.sched-sort-open .sched-sort-dropdown,
.sched-sort .sched-sort-dropdown .sched-sort-dropdown-select,
.sched-sort .sched-sort-dropdown .sched-sort-dropdown-select:after{
	background:#fff;
}


.sched-sort .sched-sort-item:nth-child(1){
	background:#209690;
	color:#fff;
}

.sched-sort .sched-sort-item:nth-child(2){
	background:#0066b1;
	color:#fff;
}

.sched-sort .sched-sort-item:nth-child(3){
	background:#e8b0d7;
	color:#fff;
}

.sched-sort .sched-sort-item:nth-child(4){
	background:#f29100;
	color:#fff;
}

.sched-sort .sched-sort-item:nth-child(5){
	background:#1397df;
	color:#fff;
}

.sched-sort .sched-sort-item:nth-child(6){
	background:#e4096d;
	color:#fff;
}

@media only screen and (max-width:735px) {
	.sched-sort{
	    margin: 9px 0 9px 0px;
	}
}

.sched-popup-speakers {
  background: #fff;
}

.sched-popup-speakers div a {
  color: #000;
}

.sched-popup-speakers b {
  width: 100%;
  margin-left: 35px;
  display: block;
}

.sched-popup-speakers div {
  width: 150px;
  height: 150px;
  margin-left: 10px;
  margin-bottom: 20px;
  float: left;
}

.sched-popup-speakers div .speaker_popup_image {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
  margin-left: 25px;
}
.sched-popup-speakers div .speaker_popup_title {
  height: 50px;
  width: 100%;
  text-align: center;
  margin: 0;
}

.text-left-mobile{
  text-align:right;
}

.homearrowdown img{
  width:5% !important;
}

.home-agenda-section{
  padding-top: 30px;
  padding-bottom: 30px;
  background:#e4e8eb;
  margin-bottom: 30px;
}

.home-thema-row > .col > .col-inner {
  padding: 0px 0px 0px 0px;
}

.home-thema-items-section{
  padding-top: 0px;
  padding-bottom: 0px;
}

.onze-agenda{
  padding-top: 0px;
  padding-bottom: 0px;
}
.onze-agenda .section-bg-overlay {
  background-color: rgb(228, 232, 235);
}
@media (min-width:550px) {
  .onze-agenda {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

 @media only screen and (max-width:550px) {
	body .text-left-mobile .text-right{
		text-align:left !important;
	}
}

body .text-left-mobile .text-right .button{
	margin-right:0 !important;
}

html body {
  font-family: DINPro;
    font-weight: normal;
    font-style: normal;
  font-size: 100%; }
  html body .nav li a {
    font-family: 'DINPro';
    font-weight: 300;
    font-style: normal;
    font-size: 100%;}
  html body h1 {
    font-family: 'DINPro';
    font-weight: 500;
    font-style: normal; }
  html body h1.light,
    html body h2.light,
      html body h3.light {
    font-family: 'DINPro';
    font-weight: 300;
    font-style: normal; }
  html body label, html body legend {
    font-size: 1em; }
  html body .page-content h1, html body .page-content h2, html body .page-content h3, html body .page-content h4, html body .page-content h5 {
    color: #d5006d; }
  html body .box-blog-post .box-text {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
  html body .custom-agenda-box {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    html body .custom-agenda-box .col-inner {
      display: flex; }


  html body .custom-vacature-box {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    html body .custom-vacature-box .col-inner {
      display: flex; }

  html body .blog-header{
      padding-top: 450px;
  }

  @media (max-width:1550px) and (min-width: 850px) {
    html body .blog-header{
      padding-top: 300px !important;
    }
  }


  html body .blog-datum{
    display:block;
    width:100%;
    color:#000000;
    font-size:16px;
    margin-top:10px;
}


  html body .blog-header .overlay{
    background:url('/wp-content/uploads/2023/07/header-netwerk.png');
    background-size: cover;
    background-position: center center;
    background-color: rgba(255, 255, 255, 1) !important;
    opacity:0.6;
  }
  
  html body .blog-header.wit .overlay{
    background-color: rgba(255, 255, 255, 1) !important;
  }

  html body .blog-header.groen .overlay{
    background-color: rgba(0, 145, 138, 1) !important;
  }

  html body .blog-header.roze .overlay{
    background-color: rgb(227, 0, 117) !important;
  }

html body .custom-agenda-box .col-inner .box-text-inner{
	
overflow:hidden; 
}

html body .custom-vacature-box .col-inner .box-text-inner{
	
  overflow:hidden; 
  }
      html body .custom-agenda-box .col-inner .box {
        flex-grow: 1;
        display: flex;
        flex-direction: column; }

        html body .custom-agenda-box .col-inner .box a,
        html body .custom-agenda-box .col-inner .box:hover .box-text .box-text-inner .readmore .button.white{
          color:#fff !important;

        }

        html body .custom-agenda-box .col-inner .box .box-image {
          border-left: 1px solid #ccc;
          border-right: 1px solid #ccc;
          border-top: 1px solid #ccc;
          padding-top: 55%;
          width: 100%;
        }

html body .custom-agenda-box.vierkant .col-inner .box .box-image {
          padding-top: 80%;}

          html body .custom-agenda-box .col-inner .box .box-image a {
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0; }
        html body .custom-agenda-box .col-inner .box .box-text {
          border: 1px solid #ccc;
          display: flex;
          flex-grow: 1; }
          html body .custom-agenda-box .col-inner .box .box-text h3 {
            margin-bottom: 10px;
            padding: 10px; }
          html body .custom-agenda-box .col-inner .box .box-text p {
            padding: 10px; }
          html body .custom-agenda-box .col-inner .box .box-text a {
            width: 100%;
            text-align: left;
            margin: 0;
            padding: 0; }
          html body .custom-agenda-box .col-inner .box .box-text .box-text-inner {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            flex-grow: 1; }
            html body .custom-agenda-box .col-inner .box .box-text .box-text-inner p:first-of-type {
              height: 60px;
              overflow: hidden;
              font-size: 100%; }
            html body .custom-agenda-box .col-inner .box .box-text .box-text-inner ul {
              display: inline-block;
              margin: 10px 0;
              padding: 10px;
              list-style: none;
              width: 80%;
              flex-grow: 1;
              overflow:hidden;
            }
              html body .custom-agenda-box .col-inner .box .box-text .box-text-inner ul li {
                float: left;
                margin: 0px 2px 2px 0px;
                padding: 0 10px 0 10px;
                background: #464444;
                color: #fff;
                font-size: 10px; 
                max-height:16px;
                overflow:hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
              }
                html body .custom-agenda-box .col-inner .box .box-text .box-text-inner ul li {
                  color: #fff;
                  text-transform: uppercase; }
                html body .custom-agenda-box .col-inner .box .box-text .box-text-inner ul li a {
                  color: #fff;
                  text-transform: uppercase; }
            html body .custom-agenda-box .col-inner .box .box-text .box-text-inner .readmore {
              align-self: flex-end;     margin-top: 20px;}
              html body .custom-agenda-box .col-inner .box .box-text .box-text-inner .readmore .button.white {
                background-color: transparent !important;
                color: #00918a !important;
                border: 0;
                border-top: 1px solid #C9C9C9;
                padding: 0px 10px 0 10px;
                font-size: 80%; }
                html body .custom-agenda-box .col-inner .box .box-text .box-text-inner .readmore .button.white:hover {
                  color: #fff !important;
                  background-color: #00918a !important;
                  box-shadow: none; }

.custom-agenda-box.extra .col-inner .box .box-text .box-text-inner .readmore .button.white{
	color:#fff !important;
	border-top:0px;
	padding:0px 30px 15px 30px;
}

.custom-agenda-box.extra .col-inner .box .box-text .box-text-inner .readmore .button.white:hover{
	background-color:transparent !important;
	text-decoration:underline;
}

.custom-agenda-box.extra .col-inner .box .box-text .box-text-inner{
	background:url('https://ecp.nl/wp-content/uploads/2020/01/backgroundblockchainagenda.jpg') no-repeat;
background-size:cover;
	color:#fff;
}

.custom-agenda-box.extra .col-inner .box .box-text .box-text-inner p{
	padding:30px 30px 0px 30px;
	height:auto!important;
	font-weight:600;
}


html body .custom-vacature-box .col-inner .box .box-image{
  padding-top:0 !important;
}


html body .custom-vacature-box .col-inner .box {
  flex-grow: 1;
  display: flex;
  flex-direction: column; }

  html body .custom-vacature-box .col-inner .box .box-image {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding-top: 55%;
    width: 100%;
  }

html body .custom-vacature-box.vierkant .col-inner .box .box-image {
    padding-top: 80%;}

    html body .custom-vacature-box .col-inner .box .box-image a {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0; }
      html body .custom-vacature-box .col-inner .box .box-text a.readmore {
      padding-left:10px;
      margin-top:0;
      margin-bottom:20px;
    }

    html body .custom-vacature-box .col-inner .box .box-text i{
      margin-right:10px;
      margin-left:10px;
    }
  html body .custom-vacature-box .col-inner .box .box-text {
    border: 1px solid #ccc;
    display: flex;
    flex-grow: 1; }

    html body .custom-vacature-box .col-inner .box .box-text .box-text-inner{
      margin-top:20px;
    }

    html body .custom-vacature-box .col-inner .box .box-text h4 {
      padding:5px 10px;
      margin:0;
      min-height:30px;
    }
    html body .custom-vacature-box .col-inner .box .box-text h3 {
      margin-bottom: 0px;
      padding: 5px 10px;
      position:absolute;
      width:auto;
      max-width:95%;
      left:2.5%;
      top:-100%;
      line-height:30px;
      min-height:40px !important;
      max-height:auto !important;

      color:#fff;
      font-weight:bold;
      border-radius:3px;
      background: rgba(230, 0, 115, 0.25);
    
    }


    html body .custom-vacature-box .box.has-hover.has-hover.box-text-bottom:hover h3{
      background: rgba(230, 0, 115, 1);
    }


    .vacature_row.dark{
      background: rgba(222, 226, 229, 1);
    }

    .vacature_row.dark h4{
      color:#555;
    }

    .vacature_row.dark a{
      color: #e60074;
    }

    html body .custom-vacature-box .col-inner .box .box-text p {
      padding: 10px; }
    html body .custom-vacature-box .col-inner .box .box-text a {
      width: 100%;
      text-align: left;
      margin: 0;
      padding: 0; }
    html body .custom-vacature-box .col-inner .box .box-text .box-text-inner {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-grow: 1; }
      html body .custom-vacature-box .col-inner .box .box-text .box-text-inner p:first-of-type {
        height: 60px;
        overflow: hidden;
        font-size: 100%; }
      html body .custom-vacature-box .col-inner .box .box-text .box-text-inner ul {
        display: inline-block;
        margin: 10px 0;
        padding: 10px;
        list-style: none;
        width: 80%;
        flex-grow: 1;
        overflow:hidden;
      }
        html body .custom-vacature-box .col-inner .box .box-text .box-text-inner ul li {
          float: left;
          margin: 0px 2px 2px 0px;
          padding: 0 10px 0 10px;
          background: #464444;
          color: #fff;
          font-size: 10px; 
          max-height:16px;
          overflow:hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }


          html body .custom-vacature-box .col-inner .box .box-text .box-text-inner ul li {
            color: #fff;
            text-transform: uppercase; }
          html body .custom-vacature-box .col-inner .box .box-text .box-text-inner ul li a {
            color: #fff;
            text-transform: uppercase; }
      html body .custom-vacature-box .col-inner .box .box-text .box-text-inner .readmore {
        align-self: flex-end;     margin-top: 20px;}
        html body .custom-vacature-box .col-inner .box .box-text .box-text-inner .readmore .button.white {
          background-color: transparent !important;
          color: #00918a !important;
          border: 0;
          border-top: 1px solid #C9C9C9;
          padding: 0px 10px 0 10px;
          font-size: 80%; }
          html body .custom-vacature-box .col-inner .box .box-text .box-text-inner .readmore .button.white:hover {
            color: #fff !important;
            background-color: #00918a !important;
            box-shadow: none; }

.custom-vacature-box.extra .col-inner .box .box-text .box-text-inner .readmore .button.white{
color:#fff !important;
border-top:0px;
padding:0px 30px 15px 30px;
}

.custom-vacature-box.extra .col-inner .box .box-text .box-text-inner .readmore .button.white:hover{
background-color:transparent !important;
text-decoration:underline;
}

.custom-vacature-box.extra .col-inner .box .box-text .box-text-inner{
background:url('https://ecp.nl/wp-content/uploads/2020/01/backgroundblockchainagenda.jpg') no-repeat;
background-size:cover;
color:#fff;
}

.custom-vacature-box.extra .col-inner .box .box-text .box-text-inner p{
padding:30px 30px 0px 30px;
height:auto!important;
font-weight:600;
}
---

  html body .custom-news-box {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    html body .custom-news-box .col-inner {
      display: flex; }
      html body .custom-news-box .col-inner .box {
        flex-grow: 1;
        display: flex;
        flex-direction: column; }
        html body .custom-news-box .col-inner .box .box-image {
          border-left: 1px solid #ccc;
          border-right: 1px solid #ccc;
          border-top: 1px solid #ccc;
          padding-top: 55%;
          width: 100%; }
          html body .custom-news-box .col-inner .box .box-image a {
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0; }
        html body .custom-news-box .col-inner .box .box-text {
          border: 1px solid #ccc;
          display: flex;
          flex-grow: 1; }
          html body .custom-news-box .col-inner .box .box-text h1 {
            padding: 10px;
            height: 70px; 
            line-height:1.5;
          }
          html body .custom-news-box .col-inner .box .box-text h3 {
            margin-bottom: 10px;
            padding: 10px; }
            @media only screen and (min-width: 550px) {
              html body .custom-vacature-box .col-inner .box .box-text h3,
              html body .custom-agenda-box .col-inner .box .box-text h3,
              html body .custom-news-box .col-inner .box .box-text h3 {
                min-height:90px;
                max-height:90px;
              }
            }

            @media only screen and (min-width: 700px) {
              html body .custom-vacature-box .col-inner .box .box-text h3,
              html body .custom-agenda-box .col-inner .box .box-text h3,
              html body .custom-news-box .col-inner .box .box-text h3 {
                min-height:66px;
                max-height:66px;
              }
            }
          
          html body .custom-news-box .col-inner .box .box-text p {
            padding: 0 10px; }
          html body .custom-news-box .col-inner .box .box-text a {
            width: 100%;
            text-align: left;
            margin: 0;
            padding: 0; }
          html body .custom-news-box .col-inner .box .box-text .box-text-inner {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            flex-grow: 1; }
            html body .custom-news-box .col-inner .box .box-text .box-text-inner ul {
              display: inline-block;
              margin: 10px 0;
              padding: 10px;
              list-style: none;
              width: 100%;
              flex-grow: 1; }
              html body .custom-news-box .col-inner .box .box-text .box-text-inner ul li {
                float: left;
                margin: 0px 2px 2px 0px;
                padding: 0 10px 0 10px;
                background: #464444;
                color: #fff;
                font-size: 10px; }
                html body .custom-news-box .col-inner .box .box-text .box-text-inner ul li a {
                  color: #fff;
                  text-transform: uppercase; }
            html body .custom-news-box .col-inner .box .box-text .box-text-inner .readmore {
              align-self: flex-end; }
              html body .custom-news-box .col-inner .box .box-text .box-text-inner .readmore .button.white {
                background-color: transparent !important;
                color: #00918a !important;
                border: 0;
                border-top: 1px solid #C9C9C9;
                padding: 0px 10px 0 10px;
                font-size: 80%; }
                html body .custom-news-box .col-inner .box .box-text .box-text-inner .readmore .button.white:hover {
                  color: #fff !important;
                  background-color: #00918a !important;
                  box-shadow: none; }
  html body .custom-werknemer-box {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    html body .custom-werknemer-box .col-inner {
      display: flex; }
      html body .custom-werknemer-box .col-inner .box {
        flex-grow: 1;
        display: flex;
        flex-direction: column; }
        html body .custom-werknemer-box .col-inner .box .box-image {
          border-left: 1px solid #ccc;
          border-right: 1px solid #ccc;
          border-top: 1px solid #ccc;
          padding-top: 100%;
          width: 100%; }
          html body .custom-werknemer-box .col-inner .box .box-image a {
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0; }
        html body .custom-werknemer-box .col-inner .box .box-text {
          border: 1px solid #ccc;
          display: flex;
          flex-grow: 1; }
          html body .custom-werknemer-box .col-inner .box .box-text h1 {
            padding: 10px;
            height: 70px;
            overflow: hidden; }
          html body .custom-werknemer-box .col-inner .box .box-text h3 {
            margin-bottom: 10px;
            padding: 10px; }
          html body .custom-werknemer-box .col-inner .box .box-text p {
            padding: 0 10px; }
          html body .custom-werknemer-box .col-inner .box .box-text a {
            width: 100%;
            text-align: left;
            margin: 0;
            padding: 0; }
          html body .custom-werknemer-box .col-inner .box .box-text .box-text-inner {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            flex-grow: 1; }
            html body .custom-werknemer-box .col-inner .box .box-text .box-text-inner ul {
              display: inline-block;
              margin: 10px 0;
              padding: 10px;
              list-style: none;
              width: 100%;
              flex-grow: 1; }
              html body .custom-werknemer-box .col-inner .box .box-text .box-text-inner ul li {
                float: left;
                margin: 0px 2px 2px 0px;
                padding: 0 10px 0 10px;
                background: #464444;
                color: #fff;
                font-size: 10px; }
                html body .custom-werknemer-box .col-inner .box .box-text .box-text-inner ul li a {
                  color: #fff;
                  text-transform: uppercase; }
            html body .custom-werknemer-box .col-inner .box .box-text .box-text-inner .readmore {
              align-self: flex-end; }
              html body .custom-werknemer-box .col-inner .box .box-text .box-text-inner .readmore .button.white {
                background-color: transparent !important;
                color: #00918a !important;
                border: 0;
                border-top: 1px solid #C9C9C9;
                padding: 0px 10px 0 10px;
                font-size: 80%; }
                html body .custom-werknemer-box .col-inner .box .box-text .box-text-inner .readmore .button.white:hover {
                  color: #fff !important;
                  background-color: #00918a !important;
                  box-shadow: none; }
  html body .voordelen .col:nth-child(2) {
    background: rgba(229, 232, 235, 0.25); }
  html body .voordelen .col:nth-child(3) {
    background: rgba(229, 232, 235, 0.5); }
  html body .voordelen .col:nth-child(4) {
    background: rgba(229, 232, 235, 0.75); }
  html body .voordelen .col:nth-child(5) {
    background: #e5e8eb; }
  html body .voordelen .box {
    overflow: hidden; }
    html body .voordelen .box:hover {
      background: white; }
    html body .voordelen .box .box-text:before {
      content: '';
      width: 100%;
      height: 100vh;
      position: absolute;
      left: 0;
      top: -7px;
      z-index: -1;
      background: white; }
    html body .voordelen .box .box-text p {
      text-shadow: none !important;
      color: #000 !important; }
  html body .custom-news-box .box-text {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
    html body .custom-news-box .box-text h1, html body .custom-news-box .box-text h2, html body .custom-news-box .box-text h3 {
      margin-bottom: 10px;
      display: flex;
      flex: 1; }
    html body .custom-news-box .box-text h2 {
      height: 90px; }
    html body .custom-news-box .box-text a {
      width: 100%;
      text-align: left;
      margin: 0;
      padding: 0; }
    html body .custom-news-box .box-text ul {
      margin: 0;
      padding: 0;
      list-style: none;
      width: 100%;
      max-height: 50px;
      display: inline-block; }
      html body .custom-news-box .box-text ul li {
        float: left;
        margin: 0px 2px 2px 0px;
        padding: 0 10px 0 10px;
        background: #464444;
        color: #fff;
        font-size: 10px; }
        html body .custom-news-box .box-text ul li a {
          color: #fff;
          text-transform: uppercase; }
  html body .deelnemer-accordion .accordion .accordion-item a.accordion-title.plain {
    background: #209690; }
    html body .deelnemer-accordion .accordion .accordion-item a {
      background: #fff; }
  html body .deelnemer-accordion .accordion .accordion-item .active {
    display: none; }
  html body .deelnemer-accordion .accordion .accordion-item .accordion-inner {
    padding: 0; }
  html body .deelnemer-accordion .accordion .accordion-title {
    color: #fff; }
  html body .deelnemer-accordion .accordion .accordion-title button {
    display: none; }
  html body .thema-title {
    width: auto;
    border: 1px solid #fff;
    display: inline-block;
    padding: 0 10px; }
  html body .deelname-formulier .wpcf7-list-item {
    width: 100%;
    height: 30px;
    line-height: 30px; }
  html body .deelname-formulier .table_header {
    font-weight: bold; }
  html body .deelname-formulier .velden .wpcf7-form-control-wrap {
    width: 50%;
    float: right; }
  html body .deelname-formulier .velden label {
    line-height: 30px; }
  html body .deelname-formulier .velden .form-required {
    color: #d5006d; }
  html body .deelname-formulier td {
    padding: 0;
    border: 0; }
    html body .deelname-formulier td.radio_title {
      color: #d5006d;
      line-height: 30px;
      margin-top: 20px;
      display: inline-block; }
  html body .deelname-formulier ul {
    margin-top: 30px;
    padding: 0;
    list-style: none; }
    html body .deelname-formulier ul li {
      height: 30px;
      line-height: 30px;
      margin: 0;
      padding: 0; }
  html body .side_block {
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 20px; }
    html body .side_block .read_more {
      width: 100%;
      margin-top: 10px;
      display: block;
      color: #00918A; }
	
html body .side_block .read_more.nomargin {
      margin-top: 0px; }

  html body .side_block.items{
  	padding: 0px;
	list-style:none;
  }

  html body .side_block.items h2{
	padding: 20px 20px 0 20px;
  }

html body .side_block ul{
	list-style:none;
}

html body .side_block ul li{
	margin-left:0;
}

html body .side_block.items ul{
	list-style:none;
}

html body .side_block.agendatijdbalk{
  border:0;
  padding:0;
}

html body .side_block.agendatijdbalk span{
  display:block;
  width:100%;
  background:#00918A;
  color:#fff;
  text-align:center;
  min-height:40px;
  font-size:20px;
  margin-bottom:10px;
  padding:10px;
}

html body .side_block.agendatijdbalk .button{
  display:block;
  width:100%;
  color:#fff;
  text-align:center;
  min-height:40px;
  font-size:20px;
  margin-bottom:10px;
  padding:10px;
}



html body .melding{
	padding: 10px 30px;
	list-style:none;
	text-align:center;
}

html body .side_block.items ul li{
	padding-bottom:0px;
}

html body .side_block.items ul li a{
	display:inline-block;
	width:100%;
	color:#000;

	padding: 0px 20px 0px 20px;
}

html body .side_block.items ul li a:hover{
	background:#efefef;
}

html body .side_block.items ul li .thumb{
    float: left;
    height: 65px;
    width: 90px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
    background-size: cover !important;
background-position:50% 50% !important;
border:1px solid #ccc;
}


html body .side_block.items ul li:last-child{
	border:0;
}

html body .side_block.items ul li h3,
html body .side_block.items ul li p{
	margin-bottom:0;
  }


  html body .more_items {
    position: absolute;
    right: 0;
    display: block;
    color: #00918A; }
  html body .themas-header {
    list-style: none;
    width: 100%;
    max-height: 100px;
    display: inline-block; }
    html body .themas-header li {
      float: left;
      margin: 0px 2px 2px 0px;
      padding: 0 10px 0 10px;
      background: #464444;
      color: #fff;
      text-transform: uppercase; 
      font-size: 10px; }
      html body .themas-header li a {
        color: #fff;
        text-transform: uppercase; }
  html body #filterform {
    margin-top: 30px; }
    html body #filterform input[type="checkbox"] {
      display: none; }
    html body #filterform p {
      cursor: pointer;
      display: inline-block;
      float: left;
      padding: 5px 10px;
      margin-right: 10px;
      height: 40px;
      line-height: 30px;
      overflow: hidden;
      border: 1px solid #ccc; }
      html body #filterform p label {
        cursor: pointer; }
    html body #filterform input[type="checkbox"]:checked + p {
      background: #00918A; }
      html body #filterform input[type="checkbox"]:checked + p label {
        color: #fff; }
  html body .nav-divided > li + li > a:after {
    margin-left: 5px; }
  html body #BorlabsCookieBox row:not(.row-collapse),
  html body #BorlabsCookieBox .container .row:not(.row-collapse) {
    margin-left: auto;
    margin-right: auto; }
  html body #BorlabsCookieBox ._brlbs-bar {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); }
  html body .deelnemers-list {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    overflow: hidden; }
    html body .deelnemers-list .disabled {
      display: none !important; }
    html body .deelnemers-list li {
      margin: 0 !important;
      padding: 0 !important;
      width: 100%;
      display: block; }
    html body .deelnemers-list .owl-stage {
      display: flex; }
  html body .col-inner > .img:not(:last-child), html body .col > .img:not(:last-child) {
    margin-bottom: 2px !important; }
  html body .remove-padding-top {
    padding-top: 0px !important; }
  @media only screen and (max-width: 1000px) {
    html body .header-image-contain .section-bg.bg-loaded {
      background-size: 1000px !important; } }
  @media only screen and (min-width: 1001px) {
    html body .header-image-contain .section-bg.bg-loaded {
      background-size: contain !important; } }
  html body .paralax-background {
    background: #fff url("/wp-content/uploads/2021/08/Background-text-under-hero-klein.jpg");
    background-position: top;
    background-repeat: no-repeat;
    background-color:rgb(255, 255, 255);
    padding:0;
    margin:0;
}

html body .paralax-background .row >.col>.col-inner{
  padding:0 0 0 0
}

@media only screen and (min-width: 1920px) {
		 html body .paralax-background {
    background-size: cover;
}
	 }
  html body .paralax-bottom {
    /* background: url("/wp-content/uploads/2019/09/Agenda_shape.jpg"); */
    background: url("/wp-content/uploads/2021/08/agenda_shape_resized.jpg");
    background-repeat: no-repeat;
    padding: 0;
    height: 50px;
    margin-bottom: -1px; }


@media only screen and (min-width: 1920px) {
		html body .paralax-bottom {
    background-size: cover;
}
	 }
  html body .green-bar-text-holder p {
    padding: 40px 0px 200px 0px !important;
    font-size: 150%; }
    @media only screen and (max-width: 650px) {
      html body .green-bar-text-holder p {
        font-size: 120%; } }
    @media only screen and (max-width: 540px) {
      html body .green-bar-text-holder p {
        font-size: 100%; } }
  html body .green-bar-text-holder a {
    font-weight: bold; }
  html body .home-thema-items-section {
    margin-top: -85px; }
    @media only screen and (max-width: 900px) {
      html body .home-thema-items-section {
        margin-top: -115px; } }
    @media only screen and (max-width: 390px) {
      html body .home-thema-items-section {
        margin-top: -155px; } }

#filterform{
	padding-left:15px;
	padding-right:15px;
}

@media only screen and (min-width: 849px) {
.col .col-inner p{
	padding-left:15px;
	padding-right:15px;
}
.col .col-inner h1,
.col .col-inner h2{
	padding-left:15px;
	padding-right:15px;
}
}

@media only screen and (min-width: 1280px) {
#filterform,
.col .col-inner p{
	padding-left:0;
	padding-right:0;
}
.col .col-inner h1,
.col .col-inner h2{
	padding-left:0;
	padding-right:0;
}
}

html h1,html h2,html h3,html h4,html h5,html h6,html .heading-font,html .off-canvas-center .nav-sidebar.nav-vertical > li > a{
	font-family: 'DINPro';
    font-weight: 500;
    font-style: normal;
}

.deelnamen-stappen-form .cf7mls_next.action-button,
.deelnamen-stappen-form .cf7mls_back.action-button{
	border-radius:0px;
	padding: 0 1.2em;
}

.deelnamen-stappen-form .wpcf7-submit,
.deelnamen-stappen-form .cf7mls_next{
	float:right;	
	margin-right:0;
}


.deelnamen-stappen-form input.wpcf7-submit{
	background-color: #e60074 !important;
    border: 0 none;
    color: white;
    cursor: pointer;
    font-weight: bold;
    margin: 10px 5px;
    min-width: 100px;
    position: relative;
	border-radius:0px;
	padding: 0 1.2em;
}

.deelnamen-stappen-form br{
	display:block;
}

.deelnamen-stappen-form .option-box{
	margin-top:30px;
	-webkit-box-shadow: 10px 10px 17px 1px rgba(184,184,184,0.41);
	-moz-box-shadow: 10px 10px 17px 1px rgba(184,184,184,0.41);
	box-shadow: 10px 10px 17px 1px rgba(184,184,184,0.41);
	padding:30px;
	display:block;
	width:100%;
}

.deelnamen-stappen-form .option-box #premium,
.deelnamen-stappen-form .option-box #regulier{
	    visibility: hidden;
}

.deelnamen-stappen-form .option-box:not(.active){
	opacity:50%;
}

.deelnamen-stappen-form .option-box .pricing{
	font-weight:bold;
	margin:30px 0px 0px 0px;
}

.deelnamen-stappen-form .option-box a{
	display:inline-block;
	margin:30px 0px 0px 0px;
}

.deelnamen-stappen-form .wpcf7-radio .wpcf7-list-item{
	width:100%;
	display:inline-block;
}

.cf7mls_progress_bar li:before,
cf7mls_progress_bar li:after,
.cf7mls_progress_bar li.active:before,
.cf7mls_progress_bar li.active:after{
	background:#e60074 !important
}
.deelnamen-stappen-form .labelcontainer{
	margin-top:30px;
}
.deelnamen-stappen-form .labelcontainer label{
	width:auto;
	display:block;
	max-width:400px;
	margin:0 auto;
	font-size:20px;
	cursor:pointer;
}


@media only screen and (max-width: 500px) {
.deelnamen-stappen-form .labelcontainer label{
	max-width:300px;
}	
}

.deelnamen-stappen-form ul li{
	font-weight:normal;
}

.deelnamen-stappen-form label .read_div p{
	font-weight:normal;
}

@media only screen and (min-width: 600px) {
.deelnamen-stappen-form .half{
	width:49%;
	display:block;
	float:left;
}
.deelnamen-stappen-form .half.margin{
	margin-left:2%;
}
}


.custom-header.green{
	color:#fff;
}

.custom-header.green h1{
	color:#fff;
}

.custom-header.green h3{
	color:#fff;
	width:auto;
	border: 1px solid #fff;
	display: inline-block;
    	padding: 0 10px 5px 10px;
}

.moreLinkContainer {
    	padding-bottom: 29px;
}
.moreLink {
    	position: absolute;
    	bottom: 0;
}
.centerLogo {
    	text-align: center;
}
.centerLogo > div {
    	display: inline-block;
}

.wpcf7 form{
	border:0;
}

.wpcf7 form .prijs{
	text-align:right;
}

@media only screen and (max-width: 1280px) {
	.custom-header.green h3{
		margin-left:15px;
	}
	.custom-header .themas-header{
		margin-left:15px;
	}
}

@media only screen and (max-width: 850px) {
	.custom-header.green h3{
		margin-left:0px;
	}
	.custom-header .themas-header{
		margin-left:0px;
	}
}

.custom-header .page-header-image .col-inner{
	height:100%;
}

.custom-header .page-header-image .col-inner .image{
	height:100%;
}

html body .category-label{
  position:absolute;
  z-index:10;
  background:rgb(0, 145, 138);
  padding:5px 10px;
  color:#fff;
  top:1px;
  left:1px;
}


@media only screen and (max-width: 850px) {
	.custom-header .page-header-image .col-inner .image{
		background-size:contain !important;
		background-position:center 30px !important;
		width: 100%;
		min-height: 200px;
		max-height: 200px;
		margin-bottom: 30px;
		display: inline-block;
	}
}

@media only screen and (min-width: 850px) {
	.custom-header .section-content .row{
		min-height:400px;
	}
}

.toolkit-overview .row .col:not(.roze) .col-inner{ 
  -webkit-box-shadow: 0px 0px 20px 0px rgba(158,158,158,1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(158,158,158,1);
  box-shadow: 0px 0px 20px 0px rgba(158,158,158,1);
  height:100%;
}

.toolkit-overview .row .col.roze .col-inner a{ 
  background:#fff; 
  -webkit-box-shadow: 0px 0px 20px 0px rgba(158,158,158,1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(158,158,158,1);
  box-shadow: 0px 0px 20px 0px rgba(158,158,158,1);
  display:block;
  height:45%;
  transform:scale(1);
  transition: all .2s ease-in-out;  
  display:flex;
  min-height:100px;
}

.toolkit-overview .row .col.roze .col-inner a:hover{
  transform:scale(0.98);
  transition: all .2s ease-in-out;
}

.toolkit-overview .row .col.roze .col-inner a.rozebg{
  background:url('/wp-content/uploads/2020/09/downloads.jpg') no-repeat center #e60074 !important;
  background-size:contain !important;
}

.toolkit-overview .row .col.roze .col-inner a:first-child{
  margin-bottom:10%;
  background:url('/wp-content/uploads/2020/09/flyers.jpg') no-repeat center #fff !important;
  background-size:contain !important;
}

.toolkit-overview .row .col.roze .col-inner{
  height:100%;
}
.toolkit-overview .row .col.roze .last-item-buttons{
  height:100%;
}


@media only screen and (max-width: 400px) {
.toolkit-overview .row .col .col-inner .box-image .image-cover{
    padding-top:60px !important;
}
}
@media only screen and (max-width: 550px) {
  .toolkit-overview .row .col .col-inner .box-image .image-cover{
      padding-top:80px !important;
  }
}
@media only screen and (max-width: 750px) {
  .toolkit-overview .row .col .col-inner .box-image .image-cover{
      padding-top:100px !important;
  }

.toolkit-overview .row .col .col-inner .box-image .image-cover img{
  object-fit: contain;
}
}
@media only screen and (min-width: 850px) {
  .toolkit-overview .row .col .col-inner{ 
    min-height:290px;
  }
}

.toolkit-overview .row .col:not(.roze):hover .col-inner{
  transform:scale(0.98);
  transition: all .2s ease-in-out;
}

.toolkit-overview .row .col .col-inner{
  transform:scale(1);
  transition: all .2s ease-in-out;
}

.toolkit-overview .row .col.contact-persoon .col-inner,
.toolkit-overview .row .col.first-row .col-inner{
  transform:scale(1) !important;
  transition: all .2s ease-in-out;
}

.toolkit-overview .row .col .col-inner h2{
  color: rgb(230, 0, 116);
  font-weight:700;
}

.toolkit-overview .row .col .col-inner h5 b{
  color: rgb(230, 0, 116);
}

.toolkit-overview .row .col .col-inner h1{
  color: #00918b;
  font-weight:700;
  font-size:3em;
  margin:0;
}


.toolkit-overview .row .roze .col-inner h2{
  color: rgb(255, 255, 255);
}

.toolkit-overview .row .col .col-inner .col .col-inner{
  box-shadow: none; 
}

.toolkit-overview .row .first-row:hover .col-inner,
.toolkit-overview .row .contact-persoon:hover .col-inner,
.toolkit-overview .row .col:hover .col-inner .col .col-inner{
  transform:scale(1);
}

.toolkit-overview .row .contact-persoon .col-inner .contact-info{
  position:absolute;
  top:-40px;
  width:100%;
  text-align:center;
}

.toolkit-overview .row .contact-persoon .col-inner .contact-info a{
  display:inline-block;
  background-position:center !important;
  width:25px;
  height:25px;
}

.toolkit-overview .row .contact-persoon .col-inner .contact-info a.phone{
  background:url('/wp-content/uploads/2020/09/contact-phone.png') no-repeat;
  margin-right:10px;
}
.toolkit-overview .row .contact-persoon .col-inner .contact-info a.mail{
  background:url('/wp-content/uploads/2020/09/contact-email.png') no-repeat;
}

.toolkit-overview .row .col .col-inner .col .col-inner h1{
  font-size:1.7em;
}

@media only screen and (max-width: 850px) {
  .toolkit-overview .row .col .col-inner .col .col-inner h1{
    font-size:1.3em;
  }

}

.toolkit-overview .row:first-child  .col .col-inner{
  min-height:0;
  box-shadow: none;   
}

.toolkit-overview{
  background:url('https://ecp.nl/images/2020background-kleiner.jpg');
  background-repeat:no-repeat;
  background-position:bottom;
}

@media only screen and (max-width: 850px) {

  .toolkit-overview .last-row{
    flex-direction: row;
  }
  .toolkit-overview .last-row .col:nth-child(1){
    order: 1;
  }
  .toolkit-overview .last-row .col:nth-child(2){
    order: 3;
  }
  .toolkit-overview .last-row .col:nth-child(3){
    order: 2;
  }

}


.toolkit-overview .row .col.toolkit-item .col-inner{
  -webkit-box-shadow: 0px 0px 20px 0px rgba(158,158,158,1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(158,158,158,1);
  box-shadow: 0px 0px 20px 0px rgba(158,158,158,1);
  background:#fff; 
  min-height:170px;
  height:100%;
}

.toolkit-overview .row .col.toolkit-item .col-inner .image{
  width:100%;
  height:100px;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

.toolkit-overview .row .col.toolkit-item .col-inner .extension{
  color:#000;
  text-transform: uppercase;
  font-weight:bold;
  margin-left:5px;
}

.toolkit-overview .row .col.toolkit-item .col-inner .download{
  float:right;
  width:14px;
  height:16px;
  display:inline-block;
  margin-top:6px;
  background:url('/wp-content/uploads/2020/09/icon_download.png') no-repeat;
}

.toolkit-overview .row .col.toolkit-item .col-inner .title{
  max-width:90%;
  display:inline-block;
}

@media only screen and (max-width: 1024px) {
  .toolkit-overview .row .col.toolkit-item .col-inner .title{
    max-width:80%;
  }
}

.toolkit-overview .row .col.toolkit-item .col-inner p{
  margin-bottom:0;
  color:#00918b;
}

.jaarfestival-header{
	margin-top:-30px;
	padding-top:60% !important;
	width:100%;
	background:url('/wp-content/uploads/2022/03/Header-ECP-2022-1200.jpg') no-repeat;
	background-size:cover;
}

@media only screen and (min-width: 750px) {

  .jaarfestival-header{
    padding-top:26% !important;
    width:100%;
    background:url('/wp-content/uploads/2022/03/ECP-jaarfestival-2022-znd-logo.jpg') no-repeat;
    background-size:contain;
    background-position:center;
  }
    
}

.jaarfestival-header-vervolg{
  margin-top:-30px;
}

.jaarfestival-content{
  margin-top:0px !important;
}

.jaarfestival-content.formulierrow{
	min-height: 900px;
}

.aanmeldform-jaarfestival{
	height: 900px;
	width: 99%;
	border: none;
}

@media only screen and (min-width: 550px) {	
.aanmeldform-jaarfestival{
	height:800px;
}
	
.jaarfestival-content.formulierrow{
	min-height: 800px;
}
}



@media only screen and (min-width: 650px) {	
.aanmeldform-jaarfestival{
	height:700px;
}
	
.jaarfestival-content.formulierrow{
	min-height: 700px;
}
}

@media only screen and (min-width: 768px) {
  .jaarfestival-content{
    /* margin-top:-50px !important; */
  }
	
.aanmeldform-jaarfestival{
	height:700px;
}
	
.jaarfestival-content.formulierrow{
	min-height: 700px;
}
}
@media only screen and (min-width: 1200px) {
  .jaarfestival-content{
    /* margin-top:-75px !important; */
  }
	.aanmeldform-jaarfestival{
	height:700px;
}
}

@media only screen and (min-width: 1600px) {
  .jaarfestival-content{
    /* margin-top:-100px !important; */
  }
}




.jaarfestival-nieuws .col-inner{
  padding:0 !important;
}
.jaarfestival-tabs .nav-pills>li{
  margin-right:10px;
  margin-bottom:10px;
}

.jaarfestival-tabs .nav-pills>li:not(.active){
  border:1px solid #00918b;
}

.jaarfestival-tabs .nav-pills>li>a{
  border-radius:0;

}

.jaarfestival-tabs .nav-pills>li>a:hover{
  background:#00918b;
  color:#fff;
}

.orange-gradient{
  background: transparent linear-gradient(90deg, #F3A062 0%, #ED5735 100%) 0% 0% no-repeat padding-box;
}
.orange-gradient a{
	text-decoration:underline !important;
}
.row .orange-gradient.festivalpartners.col{
  padding:0 15px 0px !important;
  margin-bottom:30px;
}

.row .orange-gradient.festivalpartners.col .col-inner{
  padding:10px !important;
}
.orange-gradient.festivalpartners h1{
  color:#fff;
  margin:0;
}

.greenblue-gradient{
  background: transparent linear-gradient(90deg, #1C958D 0%, #2F66AF 100%) 0% 0% no-repeat padding-box;
}

.greenblue-gradient a{
	text-decoration:underline !important;
}

.video-image-overlay{
  position:absolute;
  top:0;
  z-index:3;
  border-bottom:5px solid #fff;
  cursor:pointer;
}
@media only screen and (max-width: 550px) {
.jaarfestival-partner-logos{
  max-width:60% !important;
}
}

.addeventatc{
  font-family: DINPro !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 100% !important;
}

.addeventatc.overview{
  width:40px;
  height:40px;
  position:absolute;
  right:5px;
  bottom:40px;
  display:block;
  padding:0;
  margin:0;
  border:0;
  box-shadow:none !important;
  text-shadow: none !important;
  outline:0;
}

.addeventatc_dropdown .copyx{
  visibility:hidden;
  height:3px;
}

html .addeventatc .addeventatc_icon{
  left: 12px !important;
  top: 12px !important;
}


.videos-overview .row .col:not(.roze) .col-inner{ 
  -webkit-box-shadow: 0px 0px 20px 0px rgba(158,158,158,1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(158,158,158,1);
  box-shadow: 0px 0px 20px 0px rgba(158,158,158,1);
  height:100%;
}

.videos-overview .row .col.roze .col-inner a{ 
  background:#fff; 
  -webkit-box-shadow: 0px 0px 20px 0px rgba(158,158,158,1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(158,158,158,1);
  box-shadow: 0px 0px 20px 0px rgba(158,158,158,1);
  display:block;
  height:45%;
  transform:scale(1);
  transition: all .2s ease-in-out;  
  display:flex;
  min-height:100px;
}

.videos-overview .row .col.roze .col-inner a:hover{
  transform:scale(0.98);
  transition: all .2s ease-in-out;
}

@media only screen and (max-width: 400px) {
.videos-overview .row .col .col-inner .box-image .image-cover{
    padding-top:60px !important;
}
}
@media only screen and (max-width: 550px) {
  .videos-overview .row .col .col-inner .box-image .image-cover{
      padding-top:80px !important;
  }
}
@media only screen and (max-width: 750px) {
  .videos-overview .row .col .col-inner .box-image .image-cover{
      padding-top:100px !important;
  }

.videos-overview .row .col .col-inner .box-image .image-cover img{
  object-fit: contain;
}
}
@media only screen and (min-width: 850px) {
  .videos-overview .row .col .col-inner{ 
    min-height:290px;
  }
}

.videos-overview .row .col:not(.titlecol):hover .col-inner{
  transform:scale(0.98);
  transition: all .2s ease-in-out;
}

.videos-overview .row .col .col-inner{
  transform:scale(1);
  transition: all .2s ease-in-out;
}

.videos-overview .row .col.contact-persoon .col-inner,
.videos-overview .row .col.first-row .col-inner{
  transform:scale(1) !important;
  transition: all .2s ease-in-out;
}

.videos-overview .row .col .col-inner h2{
  color: rgb(230, 0, 116);
  font-weight:700;
}

.videos-overview .row .col .col-inner h5 b{
  color: rgb(230, 0, 116);
}

.videos-overview .row .col .col-inner h1{
  color: #00918b;
  font-weight:700;
  font-size:3em;
  margin:0;
}


.videos-overview .row .roze .col-inner h2{
  color: rgb(255, 255, 255);
}

.videos-overview .row .col .col-inner .col .col-inner{
  box-shadow: none; 
}

.videos-overview .row .col:hover .col-inner .col .col-inner{
  transform:scale(1);
}  
.videos-overview .row .col .col-inner .col .col-inner h1{
  font-size:1.7em;
}

@media only screen and (max-width: 850px) {
  .videos-overview .row .col .col-inner .col .col-inner h1{
    font-size:1.3em;
  }

}

.videos-overview .row:first-child  .col .col-inner{
  min-height:0;
  box-shadow: none;   
  padding:0 !important;
}

.videos-overview{
  background:url('/wp-content/uploads/2020/11/ecp-grijze-achtergrond-videos.jpg') #e4e8eb;
  background-repeat:no-repeat;
  background-position:top;
}

.videos-overview.nobg{
  background:none;
}

.videos-overview h2{
  color:#484646 !important;
  margin-bottom:0;
  font-weight:500 !important;
}

.videos-overview .row .col.video-item .col-inner{
  -webkit-box-shadow: 0px 0px 20px 0px rgba(158,158,158,1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(158,158,158,1);
  box-shadow: 0px 0px 20px 0px rgba(158,158,158,1);
  background:#fff; 
  min-height:170px;
  height:100%;
}

.videos-overview .row .col.video-item .col-inner .image{
  width:100%;
  height:150px;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

.videos-overview .row .col.video-item .col-inner .extension{
  color:#000;
  text-transform: uppercase;
  font-weight:bold;
  margin-left:5px;
}

.videos-overview .row .col.video-item .col-inner .download{
  float:right;
  width:16px;
  height:16px;
  display:inline-block;
  bottom:10px;
  right:10px;
  position:absolute;
  background:url('/wp-content/uploads/2020/11/Delen-grijs-16x16-1.png') no-repeat;
}

.videos-overview .row .col.video-item .col-inner .title{
  max-width:90%;
  display:inline-block;
  font-weight:bold;
  color:#000;
  margin-top:10px;
  padding:0 10px;
}

.videos-overview .row .col.video-item .col-inner .content{
  max-width:90%;
  color:#000;
  margin-bottom:10px;
  display:inline-block;
  padding:0 10px;
}

@media only screen and (max-width: 1024px) {
  .videos-overview .row .col.video-item .col-inner .content,
  .videos-overview .row .col.video-item .col-inner .title{
    max-width:80%;
  }
}

.videos-overview .row .col.video-item .col-inner p{
  margin-bottom:0;
  color:#00918b;
}

.video-popup {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 9999;
    background: rgba(0,145,139,0.8);
}

.video-popup .content{
  width:50vw;
  height:60vh;
  position:absolute;
  margin:20vh 25vw;

}

.video-popup .closevideopopup{
  font-size:50px;
  color:#fff;
  position:absolute;
  top:-70px;
  right:0;
  z-index: 9999;
  cursor:pointer;
}

@media only screen and (max-width: 1024px) {
  .video-popup .content{
    width:80vw;
    height:80vh;
    margin:20vh 10vw;  
  }
}


.video-popup .content video{
  width:100%;
  max-width:100%;
  max-height:100%;
}
.video-popup .socialshare{
  width:160px;  
  height:40px;
  position:absolute;
  left:0px;
  top:-43px;
}

.video-popup .socialshare svg{
  fill:#fff;
}

.video-popup .socialshare svg:hover{
  fill:#e60074;
}

.video-popup .sharing-button{
  width:30px;
  height:30px;
  margin:5px;
  display: block;
  float: left;
}

.video-popup .sharebutton{
  float:right;
  display:inline-block;
  position:absolute;
  width:160px;
  height:40px;
  bottom:0px;
  right:0px;
}

p{
  margin-bottom: 2em;
}

.labelforsearch{
  display:inline;
}

.allday { width: 500%!important; }

.page .allday { width: 800%!important; }
@media screen and (max-width: 690px) {
.page .allday {width: 100%!important; }
}

.sched-list a.sched-list-event .sched-list-event-text {
	margin-right: auto!important
}

.sched-sort-dropdown { background: #e8e8e8!important }
.sched-sort-current-label { padding-left: 20px!important}

.custom-page-header{
  min-height:70px;
}

body .box .box-image a:hover{
	bottom:0 !important;
}

a.button.secondary:hover span{
	background:transparent;
	color:#e60074;
	transition:transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
}

.icon.vimeo{
  background:url('/wp-content/uploads/2021/09/vimeo.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.share-button-row{
  text-align:left;
  line-height:50px;
}


.share-button-row .col{
  padding-top:20px;
  border-top:1px solid #ccc;
}

@media only screen and (max-width:550px) {
  .share-button-row .col{
    text-align:center;
  }
  .share-button-row .col a{
    float:none;
  }
  .share-button-row .col:nth-child(2){
    border-top:0px
  }
}

.share-button-row a{
  display:inline-block;
  background:#e60074;
  height:50px;
  width:50px;
  text-align:center;
  float:right;
  margin-left:10px;
}

.share-button-row a i{
  font-size:30px;
  line-height:50px;
  color:#fff;
}

.social-icons.social-werknemers i{
  color:#e60074;
}
.social-icons.social-werknemers i:hover{
  color:#999999;
}

.projecten-slider .slider-wrapper{
  max-width:90%;
  margin:0 auto;
}

.projecten-slider .slider-wrapper .flickity-prev-next-button{
  display:block;
}

.related-agenda-item{
  height:80px;
  display:flex;
  margin-bottom:20px;
}

.related-agenda-item span{
  width:calc(100% - 129px);
  height:80px;
  display:block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size:108%;
}

.related-agenda-item span .datum{
  display:inline-block;
  color:#999999;
}

.related-agenda-item .related-thumb{
  height:80px;
  width:119px;
  display:block;
  float:left;
  margin-right:10px;
  border:1px solid #999999;
}

@media screen and (max-width: 850px) {
  .projecten-slider .slider-wrapper .flickity-prev-next-button{
    background:#e60074;
    opacity:1;
  }
  .projecten-slider .slider-wrapper .flickity-prev-next-button.next{
    margin-right:-10px;
  }
  .projecten-slider .slider-wrapper .flickity-prev-next-button.previous{
    margin-left:-10px !important;
  }
}

.jf-menubar .ux-menu{
  justify-content: flex-start;
  flex-flow: row wrap;
}

.jf-menubar .ux-menu .ux-menu-link{
  flex: 1;
  flex-basis: 10%;
  height:50px;
}

@media screen and (max-width: 850px) {
  .jf-menubar .ux-menu .ux-menu-link{
    flex: 1;
    flex-basis: 100%;
  }
}

.jf-menubar .ux-menu .ux-menu-link .ux-menu-link__link{
  align-items: center;
  justify-content: center;
  font-size:1.2em;
  font-family: 'DINPro';
  font-weight: 300;
  font-style: normal;
}

.jf-menubar .ux-menu .ux-menu-link.aanmelden{
  background:rgb(249, 185, 106);
  color:#fff;
  padding:0 5px;
  border:1px solid rgb(249, 185, 106);
}

.jf-menubar .ux-menu .ux-menu-link.aanmelden .ux-menu-link__link{
  font-size:0.99em;
}


.jf-menubar .ux-menu .ux-menu-link.aanmelden a{
  color:#fff;
}

h2.jf-kop{
  font-size:3em;
}

.jf-partners .featured_image,
.jf-partners .featured_image.big{
  height:150px;
  width:100%;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.jf-partners .featured_image.big{
  height:200px;
}



.jf-highlighted-speakers .banner:after,
.jf-partners .featured_image:after,
.jf-partners .featured_image:after{
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  display: block;
  width: 100%;
  height: 5px;
  background: -o-linear-gradient(45deg,#fa4ea4 0,#fd1e8e 100%,#e60074 100%);
  background: linear-gradient(45deg,#fa4ea4 0,#fd1e8e 100%,#e60074 100%);
}

.jf-partner-overlay,
.jf-program-overlay,
.jf-spreker-overlay{
  width:100vw;
  height:100%;
  overflow-y:auto;
  background:rgba(0,0,0,0.5);
  position:fixed;
  top:0;
  left:0;
  z-index:9999;
  display:none;
  padding-top:5%;
  margin-bottom: 100px;
  padding-bottom: 50px;
  height: 100%;
  overflow: auto;
}

.jf-program-overlay li{
  margin-left:25px;
}


@media screen and (max-width: 1250px) and (max-height: 900px) {
  .jf-program-overlay{
    overflow: auto;
  }
}

.jf-program-overlay .speakers .content,
.jf-spreker-overlay .speakers,
.jf-spreker-overlay .sessions{
  margin-bottom:0px;
}

.jf-spreker-overlay .speakers .content,
  .jf-spreker-overlay .sessions .content{
  padding:20px;
}

.jf-spreker-overlay .sessions .content .sessions-label,
.jf-program-overlay .speakers .content .sessions-label{
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  font-size:1.25em;
  width:150px;
}


.jf-partner-overlay .content,
.jf-program-overlay .content,
.jf-spreker-overlay .content{
  background:#fff;
  width:80%;
  min-height:50%;
  margin-left:10%;
  position: relative;
  padding:20px 20px 10px 20px;
  border-top:50px solid #fff;
}

.jf-program-overlay .gallery iframe{
  float:left;
  margin-right:5px !important;
  margin-bottom:5px !important;

}

.jf-partner-overlay .content:after,
.jf-program-overlay .content:after,
.jf-spreker-overlay .content:after{
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  display: block;
  width: 100%;
  height: 5px;
  background: -o-linear-gradient(45deg,#fa4ea4 0,#fd1e8e 100%,#e60074 100%);
  background: linear-gradient(45deg,#fa4ea4 0,#fd1e8e 100%,#e60074 100%);
  z-index:1;
}


.jf-partners .featured_image:after,
.jf-partner-overlay .content:after,
.jf-spreker-overlay .sessions .content:after{
  background: -o-linear-gradient(45deg,#00918b 0,#15bbb5 100%,#00918b 100%);
  background: linear-gradient(45deg,#00918b 0,#15bbb5 100%,#00918b 100%);
}

.jf-program-overlay .content:after{
  background: -o-linear-gradient(45deg,#f1b151 0,#e69c2e 100%,#e68a00 100%);
  background: linear-gradient(45deg,#f1b151 0,#e69c2e 100%,#e68a00 100%);

}

.jf-program-overlay .speakers .content:after{
  background: -o-linear-gradient(45deg,#fa4ea4 0,#fd1e8e 100%,#e60074 100%);
  background: linear-gradient(45deg,#fa4ea4 0,#fd1e8e 100%,#e60074 100%);
}

.jf-spreker-overlay .content p{
  margin-bottom:20px;
}

@media screen and (min-width: 850px) {
  .jf-spreker-overlay{
    padding-top:5%;
  }

  .jf-partner-overlay .content,
  .jf-spreker-overlay .content{
    margin-left:0;
    width:60%;
    left:20%;
    padding:20px 20px 10px 20px;
  }
}
.jf-partner-overlay .speakers .sessions-label,
.jf-partner-overlay .content .close,
.jf-program-overlay .speakers .sessions-label,
.jf-program-overlay .content .close,
.jf-spreker-overlay .sessions .sessions-label,
.jf-spreker-overlay .content .close{
  background:#e60074;
  color:#fff;
  text-align:center;
  width:100px;
  height:50px;
  display:block;
  position: absolute;
  right:0;
  top:-50px;
  line-height:50px;
  cursor:pointer;
}

.jf-program-overlay .content .close{
  background:#e68a00;
}

.jf-partner-overlay .content .close,
.jf-spreker-overlay .sessions .sessions-label{
  background:#00918b;
}

.jf-program-overlay .content .inner-content .description blockquote{
  border-color:#e60074;
}

.jf-program-overlay .speakers .sessions-label{
  background:#e60074;
}

.jf-partner-overlay .content .inner-content,
.jf-program-overlay .content .inner-content,
.jf-spreker-overlay .content .inner-content{
  overflow: hidden;
}

.jf-program-overlay .content .inner-content .description ul,
.jf-spreker-overlay .content .inner-content .description ul{
  margin-top:10px;
  margin-bottom:10px;
}

.jf-program-overlay .content .inner-content .description ul li,
.jf-spreker-overlay .content .inner-content .description ul li{
  margin-left:1.5em
}

c.description blockquote,
.jf-spreker-overlay .content .inner-content .description blockquote{
  display:flex;
}

.jf-program-overlay .content .inner-content .gallery a{
  width:300px;
  margin:10px;
}

.jf-program-overlay .speakers .sessions-label,
.jf-spreker-overlay .sessions .sessions-label{
  display:none;
}
.jf-program-overlay .speakers .content:nth-child(1),
.jf-spreker-overlay .sessions .content:nth-child(1){
  border-top:70px solid #fff;
}

.jf-program-overlay .speakers .content:nth-child(1) .sessions-label,
.jf-spreker-overlay .sessions .content:nth-child(1) .sessions-label{
  display:block;
}

.jf-program-overlay .speakers .content img,
.jf-partner-overlay .content img,
.jf-spreker-overlay .content img{
  float:left;
  margin-right:20px;
  margin-bottom:10px;
}

.jf_partneritem,
.jf_sprekeritem{
  cursor:pointer;
}
.jf-menubar{
  background-color:#fff;
  position:relative;
}

.jf-menubar a{
color:#fff;
font-weight:400 !important;
}

.jf-menubar .ux-menu-link--active .ux-menu-link__link,
.jf-menubar .ux-menu-link:hover .ux-menu-link__link,
.jf-menubar a:hover{
  color:#fff;
}

.jfstuck{
  position:fixed;
  z-index:5;
  top:70px;
  background-color:rgba(255,255,255,0.9);
  box-shadow: 0 4px 2px -2px rgb(0 0 0 / 15%);
}

.logged-in .jfstuck{
  top:102px;  
}

.jf-program-table{
  border-collapse:separate; 
  border-spacing: 0 1em;
}

.jf-program-item{
  padding:10px 20px 10px 20px;
  margin-bottom:100px;
  -webkit-box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
  box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
  cursor:pointer;
}

.jf-program-item.small .col-inner{
  padding:10px 20px 10px 20px;
  margin-bottom:100px;
  -webkit-box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
  box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
  cursor:pointer;
  height:100%;
}

.jf-program-item.small{
  padding:0 15px 30px;
  margin-bottom:30px;
  box-shadow:none;
}

.jf-program-item.small:after{
  display:none;
}

.jf-program-item .featured_image{
  width: 200px;
  height: 250px;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  float: right;
  margin-left: 30px;
}

.jf-program-item.small .featured_image{
  width: 100%;
}


.jf-program-item:after{
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  display: block;
  width: 100%;
  height: 5px;
  background: -o-linear-gradient(45deg,#f1b151 0,#e69c2e 100%,#e68a00 100%);
  background: linear-gradient(45deg,#f1b151 0,#e69c2e 100%,#e68a00 100%);
}

.jf-program-item.small .col-inner:after{
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  display: block;
  width: 100%;
  height: 5px;
  background: -o-linear-gradient(45deg,#f1b151 0,#e69c2e 100%,#e68a00 100%);
  background: linear-gradient(45deg,#f1b151 0,#e69c2e 100%,#e68a00 100%);
}

.jf-program-item .tijd{
  background:#e68a00;
  color:#fff;
  text-align:center;
  width:150px;
  height:50px;
  display:block;
  position: absolute;
  left:-20px;
  top:-60px;
  line-height:50px;
  padding:0 20px;
}

.jf-program-item.small .col-inner .tijd{
  top:-50px;
}

.jf-program-item.small .tijd{
  left:0;
}

.jf-program-item .lees-meer{
  color:#e68a00;
}

.jf-program-item .lees-meer:hover{
  text-decoration: underline;
}

.jf-gradient-bg{
  background: rgb(229,0,118);
background: linear-gradient(180deg, rgba(229,0,118,1) 0%, rgba(9,149,144,1) 100%);
}

.jf_temp_program{
  width:40%;
  margin:0 auto;
  list-style: none;
  font-size:1.2em;
  margin-bottom:50px;
  margin-top:50px;
}

@media screen and (max-width: 850px) {
  .jf_temp_program{
    width:80%;
  }
}

.jf_temp_program li{
  width:100%;
  margin:0 !important;
  min-height:50px;
  line-height:50px;
  border-bottom:3px solid #e60074;
  text-align:center !important;
}

.jf_temp_program li .jf_temp_program{
  margin:0;
  padding:0;
  font-size:100%;
  width:100%;
  line-height: 25px;
  margin-bottom:20px;
}


.jf_temp_program li .jf_temp_program li{
  border:0;
  display:inline-block;
  width:100%;
  line-height:16px;
  font-size:16px;
  text-align:left !important;
  min-height: auto;
  padding-left:20px;
}

.jf_temp_program li .jf_temp_program li:before{
  content:'- ';
  display:inline-block;
  height:100%;
  margin-left:-20px;
  margin-right:14px;
}

@media screen and (max-width: 850px) {
  .jf_temp_program li{
    height:auto;
  }
}

.jf_temp_program li strong{
  color:#00918b;
}

.jf-logo img{
  height:65% !important;
}

@media screen and (max-width: 1050px) {
  .jf-logo img{
    height:80% !important;
  }
}

@media screen and (max-width: 950px) {
  .jf-logo img{
    height:100% !important;
  }
}

.jf-timer{
  bottom:3%;
}

.jf-timer .ux-timer{
  height:80px;
}

.ux-timer.light span{
  color:rgb(14,64,151) !important;
}

.icon-linkedin.vimeo{
background: url('/wp-content/uploads/2021/09/vimeo.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color:transparent;
}

.no-padding-bottom{
padding-bottom:0 !important;
}

.jf-menu-item{
  background:rgb(0, 145, 138);
  margin: 0 !important;
  padding: 0 0.7em !important;
  margin-right: 0.7em !important;
}

.ecp-25jaar-menu,
.ecp-agenda-menu{  
  padding-right: 10px !important;
}

.jf-menu-item a{
  color:#fff !important;

}

.jf-menu-item ul li a{
  color:rgba(102,102,102,.85) !important;
}

.breakoutsessions .nav li{

  width:20%;
  margin:0;

}

.breakoutsessions-2 .nav li{

  width:14%;
  margin:0;

}

@media screen and (max-width: 900px) {
  .breakoutsessions-2 .nav li,
  .breakoutsessions .nav li{
    width:100%;  
  }

  .breakoutsessions-2 .nav li{
    width:100%;
  }
}

.breakoutsessions-2 .nav li a,
.breakoutsessions .nav li a{
  color:#fff;
  width:100%;
  text-align: center;
}

.breakoutsessions-2 .nav li a span,
.breakoutsessions .nav li a span{
  width:100%;
}

.breakoutsessions-2 .nav li a span,
  .breakoutsessions .nav li a span{
    font-size:98% !important;
  }

  .breakoutsessions-2 .nav li a,
  .breakoutsessions .nav li a{
    font-size:98% !important;
  }

@media screen and (max-width: 1300px) {
  .breakoutsessions-2 .nav li a span,
  .breakoutsessions .nav li a span{
    font-size:85% !important;
  }

  .breakoutsessions-2 .nav li a,
  .breakoutsessions .nav li a{
    font-size:85% !important;
  }
}

@media screen and (max-width: 850px) {
  .breakoutsessions-2 .nav li a span,
  .breakoutsessions .nav li a span{
    font-size:100% !important;
  }

  .breakoutsessions-2 .nav li a,
  .breakoutsessions .nav li a{
    font-size:100% !important;
  }
}

.breakoutsessions .nav li:nth-child(1),
.breakoutsessions .nav li:nth-child(1) a:before,

.breakoutsessions-2 .nav li:nth-child(1),
.breakoutsessions-2 .nav li:nth-child(1) a:before,
.breakoutsessions-2 .nav li:nth-child(4),
.breakoutsessions-2 .nav li:nth-child(4) a:before
{
  background-color:#e68a00;
}

.breakoutsessions .nav li:nth-child(2),
.breakoutsessions .nav li:nth-child(2) a:before,

.breakoutsessions-2 .nav li:nth-child(2),
.breakoutsessions-2 .nav li:nth-child(2) a:before,
.breakoutsessions-2 .nav li:nth-child(5),
.breakoutsessions-2 .nav li:nth-child(5) a:before{
  background-color:#e60074;
}


.breakoutsessions .tab-panels .panel:nth-child(2) .jf-program-item .tijd,
.breakoutsessions-2 .tab-panels .panel:nth-child(2) .jf-program-item .tijd,
.breakoutsessions-2 .tab-panels .panel:nth-child(5) .jf-program-item .tijd{
  background-color:#e60074;
}

.breakoutsessions .tab-panels .panel:nth-child(2) .jf-program-item .lees-meer,
.breakoutsessions-2 .tab-panels .panel:nth-child(2) .jf-program-item .lees-meer,
.breakoutsessions-2 .tab-panels .panel:nth-child(5) .jf-program-item .lees-meer{
  color:#e60074;
}

.breakoutsessions-2 .tab-panels .panel:nth-child(2) .jf-program-item:after,
.breakoutsessions .tab-panels .panel:nth-child(2) .jf-program-item:after,
.breakoutsessions-2 .tab-panels .panel:nth-child(2) .jf-program-item.small .col-inner:after,
.breakoutsessions-2 .tab-panels .panel:nth-child(5) .jf-program-item:after,
.breakoutsessions .tab-panels .panel:nth-child(5) .jf-program-item:after{
  background: -o-linear-gradient(45deg,#fa4ea4 0,#fd1e8e 100%,#e60074 100%);
  background: linear-gradient(45deg,#fa4ea4 0,#fd1e8e 100%,#e60074 100%);
}



.breakoutsessions .nav li:nth-child(3),
.breakoutsessions .nav li:nth-child(3) a:before,

.breakoutsessions-2 .nav li:nth-child(3),
.breakoutsessions-2 .nav li:nth-child(3) a:before,
.breakoutsessions-2 .nav li:nth-child(6),
.breakoutsessions-2 .nav li:nth-child(6) a:before{
  background-color:#00918a;
}

.breakoutsessions .tab-panels .panel:nth-child(3) .jf-program-item .tijd,
.breakoutsessions-2 .tab-panels .panel:nth-child(3) .jf-program-item .tijd,
.breakoutsessions-2 .tab-panels .panel:nth-child(6) .jf-program-item .tijd{
  background-color:#00918a;
}
.breakoutsessions .tab-panels .panel:nth-child(3) .jf-program-item .lees-meer,
.breakoutsessions-2 .tab-panels .panel:nth-child(3) .jf-program-item .lees-meer,
.breakoutsessions-2 .tab-panels .panel:nth-child(6) .jf-program-item .lees-meer{
  color:#00918a;
}

.breakoutsessions .tab-panels .panel:nth-child(3) .jf-program-item:after,
.breakoutsessions-2 .tab-panels .panel:nth-child(3) .jf-program-item:after,
.breakoutsessions-2 .tab-panels .panel:nth-child(6) .jf-program-item:after{
  background: -o-linear-gradient(45deg,#00918b 0,#15bbb5 100%,#00918b 100%);
  background: linear-gradient(45deg,#00918b 0,#15bbb5 100%,#00918b 100%);
}
.breakoutsessions .nav li:nth-child(4),
.breakoutsessions .nav li:nth-child(4) a:before,
.breakoutsessions-2 .nav li:nth-child(4),
.breakoutsessions-2 .nav li:nth-child(4) a:before{
  background-color:#e68a00;
}

.breakoutsessions-2 .nav li:nth-child(5),
.breakoutsessions-2 .nav li:nth-child(5) a:before
{
  background-color:#e60074;
}

.breakoutsessions-2 .nav li:nth-child(6),
.breakoutsessions-2 .nav li:nth-child(6) a:before
{
  background-color:#00918a;
}

.breakoutsessions-2 .nav li:nth-child(7),
.breakoutsessions-2 .nav li:nth-child(7) a:before
{
  background-color:#e68a00;
}

.jf-meer-sprekers{
  background-color:#00918a;
  color:#fff;
  text-align:center;
  width:100%;
  height:50px;
  line-height:50px;
  display:block;
  font-size:110%;
}

.jf-speakers{
  overflow:hidden;
  max-height:300px;
  -webkit-transition: max-height 1s; 
  -moz-transition: max-height 1s; 
  -ms-transition: max-height 1s; 
  -o-transition: max-height 1s; 
  transition: max-height 1s;  
}

.jf-speakers.terugblik{
  max-height:500px;
}

.jf-speakers.open{
  overflow:hidden;
  max-height:100%;
  -webkit-transition: max-height 1s; 
  -moz-transition: max-height 1s; 
  -ms-transition: max-height 1s; 
  -o-transition: max-height 1s; 
  transition: max-height 1s;  
}

@media screen and (min-width: 850px) and (max-width:1200px) {
  .homepage_header .text-box-content{
    font-size:75% !important;
  }
}

/* 
.homepage_header{
padding-top:30% !important;
}

@media screen and (max-width: 1500px) {
.homepage_header .text-box{
  top:15%;
}
}

@media screen and (max-width: 1100px) {
  .homepage_header{
    padding-top:40% !important;
  }
  .homepage_header .text-box{
    top:10%;
  }
}


@media screen and (max-width: 600px) {
  .homepage_header{
    padding-top:50% !important;
  }
  .homepage_header .text-box{
    top:10%;
  }
}

@media screen and (max-width: 550px) {
  .homepage_header{
    padding-top:70% !important;
  }
  .homepage_header .text-box{
    top:10%;
  }
} */

#menu-item-44365 a{
	padding-right:10px;
}

.follow-icons a.twitter {
  background: url('images/x-gray.svg') no-repeat;
  opacity: .5;
}
.follow-icons a.twitter:hover {
  color: #000 !important;
  opacity:1;
  background: url('images/x-gray.svg') no-repeat;
}
.follow-icons a i.icon-twitter:before {
  content: '';
} 

#footer .follow-icons a.twitter {
  background: url('images/x-white.svg') no-repeat;
  opacity: 1;
}

.share-button-row a.twitter {
  background: url('images/x-white.svg') no-repeat #e60074;
  background-size:70%;
  background-position: center center;
  opacity: 1;
}

.share-button-row a i.icon-twitter:before {
  content: '';
}