.et_pb_fullwidth_portfolio .et_pb_portfolio_image.show_excerpt:hover .et_overlay:before {
top: 10%;
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image.show_excerpt:hover h3 {
margin-top: 15%;
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image.show_excerpt .post-excerpt {
padding: 0 10px;
}
.et_pb_fullwidth_portfolio.et_pb_bg_layout_light .et_pb_portfolio_image.show_excerpt .post-excerpt {
color: #666;
}
.et_pb_fullwidth_portfolio.et_pb_bg_layout_dark .et_pb_portfolio_image.show_excerpt .post-excerpt {
color: #fff;
}
.et_pb_fullwidth_portfolio.carousel_arrow_sides:hover .et-pb-arrow-prev {
left:-17px;
}
.et_pb_fullwidth_portfolio.carousel_arrow_sides:hover .et-pb-arrow-next {
right: -14px;
}
.et_pb_fullwidth_portfolio.carousel_arrow_top .et-pb-arrow-prev, .et_pb_fullwidth_portfolio.carousel_arrow_top .et-pb-arrow-next {
top: 10%;
}
.et_pb_fullwidth_portfolio.carousel_arrow_top:hover .et-pb-arrow-prev, .et_pb_fullwidth_portfolio.carousel_arrow_top:hover .et-pb-arrow-next {
top: 10%;
}
.et_pb_dpfilterable_blog_0.et_pb_filterable_portfolio .post-meta {
letter-spacing: normal!important;
} .dp-custom-field {
display: inline-block;
padding-bottom: 0;
}
.dp-custom-field-name {
font-weight: bold;
} .et_pb_portfolio_list .dp_portfolio_list_item {
width: 100% !important;
margin: 0 0 5.5% 0 !important;
position: relative;
display: inline-block;
}
.et_pb_portfolio_list .dp_portfolio_item_left {
width: 29%;
margin-right: 3.33%;
float: left;
position: relative; }
.et_pb_portfolio_list .dp_portfolio_item_right {
width: 66.67%;
float: left;
position: relative; }
@media only screen and (min-width: 981px) {
.et_pb_portfolio_list .dp_portfolio_list_item h2 {
margin-top: 0;
}
} body.dp_popup_body {
position: fixed;
left: 0;
right: 0;
}
.dp_ppp_modal {
height: 80%;
left: 50%;
max-width: 850px;
position: fixed;
top: 50%;
width: 100%;
z-index: 100001;
transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
display:none;
background:#fff;
border-radius:8px;
overflow-x:visible;
}
.dp_ppp_modal .modal_inner {
height: 100%;
padding-top: 35px;
padding-bottom: 10px;
overflow-y: hidden;
}
.dp_ppp_modal .modal_inner.ios {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}
.dp_ppp_modal.active .modal_inner{
opacity: 1;
}
.dp_ppp_modal.modal_header{
border-top-left-radius:8px;
border-top-right-radius:8px;
background:#fff;
padding: 10px 8px;
position:relative;
}
.dp_ppp_modal.modal_footer{
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
background:#fff;
padding: 10px 8px;
}
.dp_ppp_modal.modal_body{
background:#fff;
padding: 10px 8px;
}
.dp_ppp_modal#modal-content .container:before {
display: none;
}
#modal_inner iframe#dp_iframe { width: 100%; height: 100%; }
.dp_ppp_modal_overlay{
width:100%;
height:100%;
position:fixed;
background:rgba(0,0,0,0.6);
top:0;
left:0;
z-index: 100000;
display:none;
}
.dp_ppp_modal_overlay .pop_up_close_btn{
-moz-user-select: none;
}
.dp_ppp_modal_overlay .pop_up_close_btn {
color: black;
font-family: Arial,Baskerville,monospace;
font-size: 28px;
font-style: normal;
height: 44px;
line-height: 44px;
opacity: 0.65;
padding: 0 0 18px 10px;
position: absolute;
right: 0;
text-align: center;
text-decoration: none;
top: 0;
width: 44px;
}
button.pop_up_close_btn{
background: transparent none repeat scroll 0 0;
border: 0 none;
box-shadow: none;
cursor: pointer;
display: block;
outline: medium none;
overflow: visible;
padding: 0;
z-index: 1046;
}
.et_pb_portfolio_item .pop_up_close_btn{
color: white;
padding-right: 6px;
right: -6px;
text-align: right;
width: 100%;
}
.et_pb_portfolio_item .pop_up_close_btn {
font-family: "Open Sans",Arial,sans-serif;
font-size: 64px;
font-weight: 200;
opacity: 0.2;
top: -45px;
}
.et_pb_portfolio_item .pop_up_close_btn:hover{
opacity: 1;
}
.et_pb_portfolio_item .pop_up_close_btn {
cursor: zoom-out;
}
.modal_footer .popup-post-content .et_pb_row {
width: 100%;
}
.modal_footer .popup-post-content p {
text-align: justify !important;
}
.et_pb_loader_img {
left: 50%;
max-width: 200px;
position: absolute;
top: 50%;
display: block;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
z-index: 1;
width: 128px;
height: 128px;
}
.modal_inner .modal_header img{
width:100%;
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image .popup-post-content img {
max-width: 100%;
height: auto !important;
}
.popup_post_date {
text-align: left !important;
} @media only screen and (max-width: 980px) { .et_pb_portfolio_list .dp_portfolio_item_left, .et_pb_portfolio_list .dp_portfolio_item_right {
width: 100%;
}
.et_pb_portfolio_list .dp_portfolio_item_left {
text-align: center;
}
.et_pb_portfolio_list .et_portfolio_image {
display: inline-block;
}
}a, a:hover {
color:#0089ce;
text-decoration: underline !important;
} 
.ctf-tweets a, a.button {
text-decoration: none !important;
}
a.inner-block {
text-decoration: none !important;;
}
.access-tool-wrapper {
position:fixed;
top:240px;
right:0;
background-color:#fff;
z-index:999999;
padding:0px;
border-radius:10px 0 0 10px;
border:1px solid #f0efef;   
border-right:0px; 
-webkit-box-shadow: -2px 3px 8px 0px rgba(0, 0, 0, 0.10);
-moz-box-shadow:    -2px 3px 8px 0px rgba(0, 0, 0, 0.10);
box-shadow:         -2px 3px 8px 0px rgba(0, 0, 0, 0.10);    
}
.access-tool-wrapper .border-radius {
border-bottom:0px; 
border-radius:0px 0 0 10px;    
}
.access-tool-wrapper .letter-spacing-2 {
border-top:1px solid #f0efef;
}
.access-tool-wrapper a {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
display:block;
padding:20px;
border-bottom:1px solid #f0efef;
padding-top:13px;
padding-bottom:15px;
}
.access-tool-wrapper a:last-child {
border-bottom:0px; 
border-radius:0px 0 0 10px; 
}
.access-tool-wrapper a:first-child {
border-radius:10px 0 0 0px; 
}
.access-tool-wrapper a:hover {
background-color:#f7f7f7;
}
#wpadminbar a {
text-decoration: none !important;
}
*:focus {
outline: 0px;
}
.access-highlight:focus {  
outline: 4px dashed orange !important;  
}  
a.thema-box:focus {
border: 4px dashed orange !important; 
}
a.nieuws-wrapper {
display:block;
}
ul.skiplinks {
margin:0;
padding:0;
list-style-type: none;
}
ul.skiplinks a {
position:absolute;
top:-3em;
}
form.newsletter label {
display:none;
}
.primary-menu-wrapper a {
text-decoration: none !important;
}
.single-thema ul.subjects a:link {
text-decoration: none !important;
}
.single-thema ul.subjects a:hover {
text-decoration: underline !important;
}.tl-wrapper {
margin-top:80px;
margin-bottom:20px;
}
.tl-wrapper .item {
padding-bottom:80px;
position: relative;
}
.tl-wrapper .item .year {
background-color:#2E5C99;
padding:11px 35px 11px 35px;
color:#fff;
border-radius:50px;
font-size:20px;
font-weight: 700;
text-align:center;
display:inline-block;
}
.tl-wrapper .item .content-wrap {
margin-top:25px;
}
.tl-wrapper .item .content-wrap .img {
width:100%;
height:285px;
background-size:cover;
background-position: center center;
border-radius:3px 3px 0 0;
position: relative;
}
.tl-wrapper .item .content-wrap .infos {
background-color:#2E5C990D;
border-radius:0 0 3px 3px;
padding:35px;
}
.tl-wrapper .item .content-wrap .box * {
color:#fff;
}
.tl-wrapper .item .content-wrap .box {
position: absolute;
bottom:30px;
left:30px;
}
.tl-wrapper .item {
position: relative;
}
.tl-wrapper h2 {
margin-bottom:0px !important;
font-size:27px !important;
line-height: 35px !important;
}
.tl-wrapper a.button {
margin-top:20px;
}
.tl-wrapper ul {
margin-top:0 !important;
margin-bottom:0 !important;
}
.tl-wrapper ul li {
padding-bottom:20px;
}
.tl-wrapper .item.last-year .year {
background-color:#CBD6E5;
}
.tl-wrapper .v-line {
position: absolute;
height:100%;
width:4px;
background-color:#2E5C99;
left:-60px;
top:0;
}
.tl-wrapper .v-line .circle {
content:'';
width:25px;
height:25px;
position: absolute;
top:14px;
left:-10px;
border-radius:50%;
background-color:#fff;
border:5px solid #2E5C99; 
}
.tl-wrapper .items .item:last-child .v-line {
background-color:#CBD6E5;
}
.tl-wrapper .items .item:first-child .circle  {
width:39px;
height:39px;
border:12px solid #2E5C99;
left:-17px;
top:5px;    
}
.tl-wrapper .items .item:first-child .circle:before, .tl-wrapper .items .item.real.last .v-line .circle:before {
content:'';
width:10px;
height:30px;
background-color:white;
position: absolute;
top:-42px;
}
.tl-wrapper .items .item.real.last .v-line .circle:before {
width:4px;
height:30px;    
top:-33px;
background-color:#2E5C99;
left:5px;
}
.tl-wrapper .items .item.real.last .v-line  {
background-color:#CBD6E5;
}
.tl-wrapper .items .item.last-year {
padding-bottom:3px;
}
.tl-wrapper .items .item.last-year .v-line .circle:before, .tl-wrapper .items .item.dummy:not(.last-line) .circle:before {
width:4px;
height:39px;    
top:20px;
background-color:#fff;
left:5px;
content:'';
position: absolute;
}
.tl-wrapper .items .item.last-year .circle, .tl-wrapper .items .item.dummy .circle {
border-color:#CBD6E5;
}
.tl-wrapper .items .item.last-year .v-line {
background-color:#CBD6E5;
}
.tl-wrapper .items .item.dummy:not(.last-line) .v-line {
background-color:transparent; 
}
.tl-wrapper .items .item.dummy {
padding-bottom:54px;
}
.tl-wrapper .items .item.dummy.last-line {
padding-bottom:100px;
}
.tl-wrapper .items .item.dummy.last-line .v-line {
height:calc(100% + 30px);
background-color:#CBD6E5;
}
.tl-wrapper .items .item.dummy.last-line .circle:before {
width:4px;
height:20px;    
top:-25px;
background-color:#fff;
left:5px;
content:'';
position: absolute;
}
.tl-wrapper .items .item.future .circle {
background-color:#CBD6E5;
width: 39px;
height: 39px;
left: -17px;
top: 6px;
}
.tl-wrapper .items .item.future .circle:before {
display:none;
}
@media (max-width: 767px) {
.tl-wrapper .v-line {
width: 3px;
left: -29px;
}
.tl-wrapper .items .item:first-child .circle {
width: 24px;
height: 24px;
left: -10px;
top: 13px;
}
.item:first-child .circle:before, .tl-wrapper .items .item.real.last .v-line .circle:before {
left: -2px;
}
.tl-wrapper .v-line .circle {
width: 20px;
height: 20px;
top: 14px;
left: -8px;
border: 3px solid #2E5C99;
}
.tl-wrapper .items .item.real.last .v-line .circle:before {
width:3px;
left:5px;
}
.tl-wrapper .items .item.last-year .v-line .circle:before, .tl-wrapper .items .item.dummy:not(.last-line) .circle:before {
width: 4px;
height: 39px;
top: 17px;
}
.tl-wrapper .items .item.future .circle {
width: 25px;
height: 25px;
left: -11px;
top: 13px;
}
.tl-wrapper .items .item.dummy.last-line .circle:before {
top: -23px;
}
.tl-wrapper .item .content-wrap .box {
bottom: 12px;
left: 12px;
}
.tl-wrapper .item .content-wrap .infos {
background-color: #2E5C990D;
border-radius: 0 0 3px 3px;
padding: 20px;
}
.tl-wrapper .item .content-wrap .infos ul li, .item .content-wrap .infos ol li {
padding-left: 15px !important; 
}
.tl-wrapper .content-wrap *:not(.button):not(h2) {
font-size:15px !important; 
line-height: 25px !important; 
}
.tl-wrapper .content-wrap h2 {
font-size:21px !important; 
}
.tl-wrapper .content-wrap a.button {
font-size:16px;
}
.tl-wrapper .content-wrap ul li:before {
top:7px;
}
.tl-wrapper a.button {
margin-top: 13px;
padding-left:20px;
padding-right:20px;
}
}