/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 14 2026 | 22:50:47 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/*


@media (min-width: 992px) {
    .grid_3_icons .overview {
        align-content: space-around;
        justify-content: space-evenly;
    }

}
*/

/* Webfont: MiguerSans-Regular */

@font-face {
    font-family: 'MiguerSansRegular';
    src: url('/wp-content/themes/beeldblinkers/fonts/MiguerSans-Regular.woff2') format('woff2'), 
         url('/wp-content/themes/beeldblinkers/fonts/MiguerSans-Regular.otf') format('opentype'); 
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'MiguerSansBold';
    src: url('/wp-content/themes/beeldblinkers/fonts/MiguerSans-Bold.woff2') format('woff2'), 
         url('/wp-content/themes/beeldblinkers/fonts/MiguerSans-Bold.otf') format('opentype'); 
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


element.style {
}
body.customPointerActive:not(.touch) * {
    cursor: none !important;
}
@media screen and (min-width: 780px) {
    html.show--nav_main--toggle .nav_main--toggle {
        animation-name: navMainOpacityIn;
        animation-duration: 1s;
        animation-delay: .2s;
        animation-fill-mode: forwards;
        pointer-events: all;
    }
}
.nav_main--toggle {
    width: 4.8rem;
    height: 4.8rem;
}
@media screen and (min-width: 927px) {
    .nav_main--toggle {
        top: 5rem !important;
        left: 4.6rem;
    }
}
@media screen and (min-width: 780px) {
    .nav_main--toggle {
        pointer-events: none;
        opacity: 0;
    }
}
@media screen and (min-width: 927px) {
    .nav_main--toggle {
        top: 4.9rem;
        left: 4.6rem;
    }
}
@media screen and (min-width: 780px) {
    .nav_main--toggle {
        top: 5rem;
        right: 4.6rem;
    }
}
.nav_main--toggle {
    background-color: #1f1f1f;

}

.video_mod--overlay-play a.btn {
    color: #fff;
}

.bebas-kai {
        font-size: 85px;
    }

p {
font-size: 16px;
}

h2 {
    margin-top: 0px;
}

h5 {
    margin-left: -60px;
    font-size: 303px;
	letter-spacing:-12px;
    margin-bottom: 100px;
}


h5 {
    /*font-size: 17rem;*/
    line-height: 0;
	margin-top:50px;
    color: #ececec;
}

.mod-o--bg-color {
    opacity: 0.7;
}

#homecases .work-overview-content.archive {
    margin-top: -150px;
}

#imageslidetop .image-and-slider {
	    margin-top: -150px;
}

#imageslidetop2 .image-and-slider {
	    margin-top: -150px;
}

div#imageslidetop2 {
	z-index:2;
}

picture.mod-o--bg-img.anim-fadein.animate.loaded {
    background: #000;
}

#HOMEheader article img {
    width: revert-layer;
    height: auto;
}

div#overonshero .col_2 .col {
        flex: 0 0 calc(65% - 3rem);
    }


.services-collapse-item.active button {
    color: #000 !important;
}

em {
    font-size: 13px !important;
margin-right:5px !important;
	margin-left:0px !important;
}

@media (min-width: 1681px) {
#klantenoverons .col_2 {
        justify-content: start;
    }
}

@media (min-width: 992px) {
    .grid_3_icons .overview {
        align-content: space-around;
        justify-content: space-evenly;
    }
#klantenoverons .col.txt-w {
        width: calc(40% - (3rem * 2)) !important;
        flex: 0 0 calc(40% - (3rem * 2)) !important;
    }
#klantenoverons .col_2.l30-70 .col:not(:nth-of-type(2n+1)) {
        margin-top: 20px !important;
    }
}



a.btn.mid.post-nav-prev:after {
	    rotate: 40deg;

}

.btn:not(.alternative)::after {
    content: "";
    position: absolute;
    rotate: -40deg;
    width: 3.5rem;
    height: 1.4rem;
    margin-top: -1px;
}

.btn:not(.alternative).big:not(.alternative).scroll-down:not(.alternative), a.btn.big.scroll-totop {
    transform: rotate(90deg);
	    content: "";
    position: absolute;
    rotate: 40deg;
    width: 8rem;
    height: 1.4rem;
    margin-top: 6rem;
}

.nav_main--contact .btn-rounded {
    border-color: #fff !important;
    background: transparent !important;
    color: #fff !important;
    border-width: 1px;
}

.btn-rounded {
    padding: 17px 40px 17px 40px;
}

.btn-rounded:hover {
    padding: 17px 50px 17px 50px !important;
}

.btn-rounded:after {
    content: "↗";
	font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-weight: 600;
    font-size: 13px;
    margin-left: auto;
    padding-left: 1em;
    position: initial;
    -webkit-transform: translateX(0) scale(1.4);
    -o-transform: translateX(0) scale(1.4);
    transform: translateX(0) scale(1.4);
    -webkit-transition: -webkit-transform .2s 
linear;
    transition: -webkit-transform .2s 
linear;
    -o-transition: -o-transform .2s linear;
    transition: transform .2s 
linear;
    transition: transform .2s 
linear, -webkit-transform .2s 
linear, -o-transform .2s 
linear;
    width: 1.6rem;

}

.text-big {
font-size: 2.5rem;
}

@media (max-width: 767px) {
.text-big {
font-size: 2rem;
}
	
    h5 {
        margin-left: -80px;
        font-size: 300px;
        margin-bottom: 120px;
        margin-top: 100px;
    }
	
	
}
	
.services-animated-item-body {
margin-bottom: 50px;
}

.services-animated-item h2 button {
line-height: 1.1;
}

.services-animated-item:after {

bottom: -5rem;

}

.services-collapse-item.active button {
color: #b0b0b0;
}


.bebas-kai, .services-collapse-item h2 button, h2, h1, h3, html.nav_main--is_active .nav_main .nav_main--ul a {
	  font-family: 'ProximaNova-Bold', proximanova-bold, -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", arial, sans-serif !important;
}



.work-overview-item-info h2 {
margin-bottom: 0.6rem;
}

.header-work-detail-text {
	padding-top:calc(var(--acf-layout-pt) + 0rem);
padding-bottom: calc(var(--acf-layout-pt) + 0rem);
}

#slideralt {
background-color: #000 !important;
}

#BiggerFontSize {
font-size: 2rem;
}

/*.services-collapse-item-body p {
	font-size: 2.5rem;

}*/

#slideralt .services-collapse-cur-nr {
  color: transparent !important;
-webkit-text-stroke: 0.1rem #b1b1b1 !important;
  opacity:20%;
}

#slideralt .services-collapse-item.active button, #slideralt .services-collapse-item-body p, #slideralt .services-collapse-item h2 button, #slideralt a.btn {
color: #fff;
}

#slideralt .services-collapse-item h2 button::before {
opacity: 20%;
}

.services-collapse-cur-nr {
 font-family:proximanova-bold, -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", arial, sans-serif !important;
}

@media screen and (min-width: 927px) {
.nav_main--toggle {
    top: 5rem !important;
    left: 4.6rem;
}
  
	#nomarginhome {
margin-top: -35em;
}
	
.mod-o.bl_up {
margin-top: -18rem;
}

  
  
}  
  
.blog-overview-content.work_layout .blog-overview-item.blog-overview-item-btn, .blog-overview-content .blog-overview-item.blog-overview-item-btn {
        padding-left: 30px;
    padding-right: 100px;
}

#werkwijze.mod-o:not(.rm_tb_pad):not(.rm_t_pad):not(.main_site_header) .col.move_up {
    margin-top: -30px;
}

#werkwijze2.mod-o:not(.rm_tb_pad):not(.rm_t_pad):not(.main_site_header) .col.move_up {
    margin-top: -30px;
}


hr {
    border-bottom: 2px solid #ececec;
}

.btn:not(.big):not(.scroll-totop):not(.scroll-down):not(.prev-slide):not(.next-slide):not(.post-nav-prev):not(.post-nav-next) {
    height: 4.8rem;
}

.btn:not(.big):not(.scroll-totop):not(.scroll-down):not(.prev-slide):not(.next-slide):not(.post-nav-prev):not(.post-nav-next) {
    margin-right: -19px;
}

html.nav_main--is_active .nav_main > .nav_main--contact .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border-bottom: 2px solid #333333;
}

.opsomming>:not(:first-child) {
    border-top: 2px solid #e1e1e1;
}

.gform_wrapper textarea, .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border-bottom: 2px solid #e1e1e1;
}

.services-collapse-item h2 button::before {
    background-color: #e1e1e1;
    height: .2rem;
}

#slider {
    background: #f1f1f1 !important;
}

.services-collapse-cur-nr {
    color: #f1f1f1;
}


.col-2-actions a.btn::before {
    border: none;
    background-color: #000;
}

.col-2-actions a.btn::after {
    border: none;
}

.btn::before {
    width: 4.8rem;
    height: 4.8rem;
}

.btn::after {
    width: 4.8rem;
    height: 4.8rem;
}

.mob-slide .prev-slide.btn::before, .mob-slide .next-slide.btn::before {
    width: 4.8rem;
    height: 4.8rem;
}
.mob-slide .prev-slide.btn::after, .mob-slide .next-slide.btn::after {
    width: 4.8rem;
    height: 4.8rem;
}

.blog-overview-content.work_layout .blog-overview-item.blog-overview-item-btn>.btn::before {
    border: none;
    background-color: #eeeeee;
    width: 6.4rem;
    height: 6.4rem;
}

.blog-overview-content .blog-overview-item.blog-overview-item-btn>.btn::before {
    border: none;
    background-color: #eeeeee;
    width: 6.4rem;
    height: 6.4rem;
}


.blog-overview-content.work_layout .blog-overview-item.blog-overview-item-btn>.btn::after {
    border: none;
    background-size: 2rem;
    background-position: 19% 52%;

}

.blog-overview-content .blog-overview-item.blog-overview-item-btn>.btn::after {
    border: none;
    background-size: 2rem;
    background-position: 19% 52%;

}

.video_mod--overlay-play .btn::before {
    border: none;
    background-color: #000;
}

.video_mod--overlay-play .btn::after {
    border: none;

}

.btn.mid::after {
    border: none;
}

.btn.mid::before {
    border: none;
    background-color: #000;
}

div#vacatures {
    z-index: 1;
    bottom: 4rem;
}

.btn::before {
    border: 2px solid;
}

.btn.big::before {
    border: 2px solid;
}

.btn.big::after {
    background-size: 2rem;
}

.btn-rounded {
    border: 2px solid #000;
    background: #000;
    color: #fff;
    transition: all .25s cubic-bezier(0.37, 0, 0.21, 1.02);
}


.btn-rounded:hover {
    color: #fff;
    border: solid 2px #000;
    padding: .75em 3em;
}

.has-bg .btn-rounded {
    border: 2px solid #000;
    background: #000;
    color: #fff;
    transition: all .25s cubic-bezier(0.37, 0, 0.21, 1.02);
}


.has-bg .btn-rounded:hover {
    color: #fff;
    border: solid 2px #000;
    padding: .75em 3em;
}

.blog-overview-item-info h2 {
    margin-bottom: -5px;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-family: 'ProximaNova-Bold';
}

.nav_main--contact div#gform_confirmation_message_2 {
    margin-bottom: 40px !important;
    font-family: 'ProximaNova-Bold' !important;
    line-height: 1.6 !important;
}

.nav_main--contact .btn-rounded {
      border-color: #fff;
    background: #fff;
    color: #000;
}


/* :root {
    --font-fam-primary-bold: "ProximaNova-Bold", -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", arial, sans-serif;
    --font-fam-tertiary: "ProximaNova-Bold", -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", arial, sans-serif;
}
 */
html:not(.nav_main--is_active) .nav_main--ul>li:not(:first-of-type) {
    margin-left: 6rem;
}

.hor-scroll-ind::before, .hor-scroll-ind::after {
    height: 2px;
}

.services-collapse-item h2 button {
  line-height: 1.2;
}

.block.col_4_footer_block h3 {
    font-size: 3rem;
}

.btn-rounded, a.lnk-hov {
    font-family: "ProximaNova-Bold";
}

.opsomming-title {
    font-family: "ProximaNova-Bold", -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", arial, sans-serif;
    font-family: var(--font-fam-primary-bold);
    font-size: 24px;
}

.services-collapse-item-body .content-wrap {
    max-width: 70%;
}

@media (min-width: 1200px) {
.header-work-detail .block-bg-graphic-featured {
    bottom: calc(-1 * ( var(--acf-layout-pt) / 1.5 ));
}  

h1 {
    font-size: 85px;
    line-height: 1;
}

	
	
	h2, h2 button {
font-size: 4.5rem;
}
	
  .header-work-detail-text {
  }
}


@media (min-width: 992px) {
  
.intro-column-title-line {
    height: 2px;
    background-color: #ececec;
}
  
.work-info-meta::before {
    border-left: 2px solid #ececec;
}  
  
  .grid_3_icons .overview .seperator {
    height: 2px;
    background: #ececec;
}
  
.work-overview-item .work-overview-item-info>h2::after, .blog-overview-item .blog-overview-item-info>h2::after {
    height: 2px;
}

html.nav_main--is_active .nav_main a:not(.btn-rounded)::after {
    height: 2px;
}
  
  
@media only screen and (min-width: 1681px) {
    .bebas-kai {
        font-size: 85px !important;
    }
}
	
.bebas-kai {
    font-size: 9rem;
  line-height: 0.8;
}
  
.services-collapse-item h2 button {
    font-size: 4.5rem;
}
.services-collapse-item h2 button::before {
    bottom: -0.75em;
}
  .work-overview-item h2 {
    font-size: 3rem;
}
  .blog-overview-item-info h2 {
    font-size: 2.5rem;
}
.title-wide {
font-size: 1.2rem;
}

}

@media only screen and (min-width: 1800px) {
.bebas-kai {
    font-size: 9rem;
}
	

}


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

	.mod-i {
grid-template-columns: minmax(var(--grid-o-space), 1fr) minmax(auto, 135rem) minmax(var(--grid-o-space), 1fr);
}
	
html.nav_main--is_active .nav_main .nav_main--ul a {
    font-size: 8rem;
}
}

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

    
    
 .nav_main--contact {
    margin-top: 4rem;
}
 ul#nav_main--ul {
    margin-top: 15%;
}
  
  .mod-o.bl_up {
    margin-top: 8rem;
}
  
    blog-overview-content.work_layout {
    margin-top: 12rem;
}
  
.services-collapse-item-body .content-wrap {
    max-width: 100%;
}

.bebas-kai {
    font-size: 5rem;
}

  .nav_main .nav_main--ul a {
       font-size: 4rem;
 
  }  

    
.services-collapse-item h2 button {
    font-size: 3rem;
}  
.nav_main {
    row-gap: 2rem;
}
}

@media screen and (min-width: 780px) and (min-width: 927px) {
  html.nav_main--is_active .nav_main a::after {
    bottom: -2px;
    height: 2px;
}
  html.nav_main--is_active .nav_main .nav_main--contact address {
	line-height: 1.8;  
}
 
  html.nav_main--is_active .nav_main a:not(.btn-rounded)::after {
bottom: -9px;
}
  
  .nav_main--contact a::after {
    height: 1px !important;
    bottom: -5px !important;
}

}

@media screen and (max-width: 779px) and (max-width: 926px) {
  .nav_main .nav_main--contact a:not(:last-of-type) {
    margin-right: 1.5em;
	line-height: 2;
}
}

@media (min-width: 0) and (max-width: 575px) {
h2, h2 button {
    font-size: 32px;
  }

  
}

  
}

#overonsteam .blog-overview-item-title {
  top: 16rem;
}

.block.col_4_footer_block a:not(.scroll-totop)::after {
bottom: -5px;
}

.btn.scroll-down.alternative>span {
opacity: 0.5;
}

.btn:not(.alternative).big:not(.alternative)::after {
background-size: 2rem;
}


.nav_main+.mod-o:not(.rm_tb_pad):not(.rm_t_pad):not(.main_site_header) {
padding-top: calc(var(--acf-layout-pt) + 1.7rem);
}

#cookie-notice .cn-button {
margin: 0 0 0 10px;
background: #fff;
color: #000;
padding: 8px 20px 8px 20px;
border-radius: 50px;
  text-decoration:none;
}

.cookie-notice-container {
padding: 30px 30px;
}

#cookie-notice.cookie-notice-visible.cn-effect-fade, #cookie-notice.cookie-revoke-visible.cn-effect-fade {
margin:30px;
}
  
#cookie-notice {
min-width: auto;
  left:none !important;
  right:0;
}

#cookie-notice, #cookie-notice * {
line-height: 2;
}

#diensten article img {
margin-top: -250px;

}

#diensten article img, #diensten2 article img, #diensten3 article img {
max-height: 220px;
width: auto;
}

.imagediensten {
margin-right: -150px;
}

em {
font-style: normal;
padding: 10px 20px 10px 20px;
background: white;
font-size: 11px;
border-radius: 70px;
line-height: 42px;
margin: 2px;
}

em:hover {
background: #000;
color: #fff;
}