@keyframes smileBounce {
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
		transform: translateX(-250px);
	}

	38% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateX(0);
	}

	55% {
		animation-timing-function: ease-in;
		transform: translateX(-68px);
	}

	72% {
		animation-timing-function: ease-out;
		transform: translateX(0);
	}

	81% {
		animation-timing-function: ease-in;
		transform: translateX(-28px);
	}

	90% {
		animation-timing-function: ease-out;
		transform: translateX(0);
	}

	95% {
		animation-timing-function: ease-in;
		transform: translateX(-8px);
	}

	100% {
		animation-timing-function: ease-out;
		transform: translateX(0);

        opacity: 1;
	}
}

@keyframes navIn {
	0% {
		opacity: 0;
		transform: translateY(-40px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes zoom {
    0% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.5, 1.5);
    }
    100% {
      transform: scale(1, 1);
    }
  }
  @keyframes smileSlide {
	0% {
		opacity: 0;
		transform: translateX(-250px);
	}

	100% {
		opacity: 0.6;
		transform: translateX(0);
	}
}
html {
    scroll-behavior: smooth;
  }

  html[lang="en-US"] header, html[lang="en-US"] footer {
    .nl {
        display:none!important;
    }
  }
  html[lang="nl-NL"] header, html[lang="nl-NL"] footer {
    .en {
        display:none!important;
    }
  }


html[lang="nl-NL"] .wp-block-button.en {
	display:none!important;
} 
html[lang="en-US"] .wp-block-button.nl {
	display:none!important;
} 


body:not(.wp-admin) { 
 h2  {
    text-transform: lowercase;
}
} 
body:not(.wp-admin) { 
h1 {
    @media screen and  (min-width:821px) {
    margin-top:40px!important;
 
    }
}
h2 {
    @media screen and  (min-width:821px) {
        margin-top:0px!important;
       
        } 
        @media screen and (max-width:821px) {
            font-size:1.6rem;
        }
}
.wp-block-group.has-global-padding:not(.alignfull) {
    @media screen and (max-width:821px) {
        padding-top:12px!important;
        padding-bottom:24px!important;
    }
    &.highlights {
        @media screen and (max-width:821px) {
            padding-bottom:0px!important;
        }
    }
}
    
}

/* .wp-site-blocks > .wp-block-group {
    margin-top:60px;
    @media screen and (max-width:821px) {
        margin-top:0px;    
    }
} */

.section_title {
   padding-top:72px!important;
   padding-bottom:28px;
    @media screen and (max-width:821px) {
        padding-top:16px!important;  
        padding-bottom:16px;    
    }
&.margin_fix {
    @media screen and (max-width:821px) {
        padding-top:16px!important;       
        padding-bottom:16px!important;       
    }
}
}



.logged-in header.sticky {
    margin-top:30px!important;
}
body:not(.wp-admin) header {
    opacity: 0;
    animation: navIn 350ms ease-in-out 0ms 1 normal forwards;
    transition: all 0.6s ease;
    background: linear-gradient(180deg, rgb(0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%);
    &.sticky {
        position:fixed;
        top:0;  
        height:120px;
        
        .logo {
            height:70px;
            margin:4px;
            margin-left:20px;
             transform:rotate(-5deg);
        }
    }
    .wp-block-group {
        padding-left:0;
        padding-right:0;
        @media screen and  (max-width:821px) {
            padding-left:6px;
            padding-right:6px;
        }
    }
    a.wp-block-navigation-item__content {
        text-transform: uppercase;
        font-weight: 600;
        &:hover {
            color:#DFAB00!important;
        }
    }

    .call .is-style-outline {
        @media screen and (max-width:821px) {
            position: absolute;
            bottom: -87vh;
            left: 0px;
            z-index: 9999;
            a {
                visibility: hidden;
                background-color:#20262C!important;
                &:before {
                    margin-right: 4px;
                    content: '';
                    height: 20px;
                    width: 20px;
                    position: relative;
                    color: #DFAB00;
                    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill=""><path fill="rgb(223,171,0)" d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24c1.12.37 2.33.57 3.57.57c.55 0 1 .45 1 1V20c0 .55-.45 1-1 1c-9.39 0-17-7.61-17-17c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1c0 1.25.2 2.45.57 3.57c.11.35.03.74-.25 1.02z"/></svg>');
                    background-repeat: no-repeat;
                    background-size: 72%;
                    background-color:#171d22b3;
                    display: block;
                    visibility: visible;
                    border: 2px solid #DFAB00;
                    padding: 22px;
                    border-radius: 9999px;
                    background-position: center;
                }
                &:hover {
                    &:before {
                        border: 2px solid #FFF;  
                    }
                }
            }
        }
    }

    .is-style-outline {
        a {
            display:flex;
            align-items: center;
            justify-content: center;
            &:hover {
                color:#fff!important;
                &:before {
                    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill=""><path fill="rgb(255,255,255)" d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24c1.12.37 2.33.57 3.57.57c.55 0 1 .45 1 1V20c0 .55-.45 1-1 1c-9.39 0-17-7.61-17-17c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1c0 1.25.2 2.45.57 3.57c.11.35.03.74-.25 1.02z"/></svg>');

                }
            }
        }
        a:before {
            margin-right:4px;
            content:'';
            height:20px;
            width:20px;
            position: relative;
            color:#DFAB00;
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill=""><path fill="rgb(223,171,0)" d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24c1.12.37 2.33.57 3.57.57c.55 0 1 .45 1 1V20c0 .55-.45 1-1 1c-9.39 0-17-7.61-17-17c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1c0 1.25.2 2.45.57 3.57c.11.35.03.74-.25 1.02z"/></svg>');
            background-repeat: no-repeat;
            background-size: contain;
            display:block;
        
        }
    }

    .smaller {
        font-size:1.4rem;
    }
    .widget_polylang {
        ul {
            list-style:none;
            margin:0;
            li {
                a {
                    color:#fff;
                    font-size:1rem;
                    
                    &:hover {
                        color:#DFAB00!important;
                    }
                }
            }
            @media screen and (max-width:1360px) {
                margin-right:20px!important;
            }
        }

    }
}

header .alignfull {
    margin-left:4vw!important;
    margin-right:4vw!important;
    @media screen and (max-width:900px) {
        margin-left:0vw!important;
        margin-right:0vw!important;
    }
}

.wp-block-uagb-advanced-heading.aos-animate {
    max-width:unset!important;
}

.wp-block-media-text__content {
    padding-left:0!important;  
  }

  h2.alignwide, h2.uagb-heading-text {
   
    mark {
        /* margin-left: -12px;   */
    }
  }

  body:not(.wp-admin) .entry-content, body:not(.wp-admin) .is-root-container {
    margin-top:0;
   &> .wp-block-group:not(.hero), &> .wp-block {
        padding-top:70px;
        padding-bottom:70px;
        @media screen and (max-width:900px) {
            padding-top:30px;
            padding-bottom:30px;  
        }
    }
  }

  .hero {
    margin:0;
    padding:0;
    overflow:hidden;
    /* padding-left:4.7vw; */
    /* margin-right:4.7vw;
    margin-bottom:70px; */
    position:relative;
    /* border-bottom-right-radius: 50px;
    border-top-left-radius: 50px; */
    &> .wp-block-cover {
        @media screen and (max-width:900px) {
          padding:24px!important;  
        }
    /* border-top-left-radius: 50px;
    border-bottom-right-radius: 50px; */
    /* border:5px solid #55595d00; */
    min-height:unset!important;
    aspect-ratio: 21 / 9!important;
    h1 {
        letter-spacing:0!important;
        mark {
            font-size:4rem;
        }
    }
    @media screen and (max-width:900px) {
        aspect-ratio: 6 / 4!important; 
        h1 {
            mark {
                font-size:2.2rem!important;
            }
            
            font-size:1.4rem!important;
        }
    }
    .wp-block-cover__inner-container {
        width:100%!important;
        display: none!important;
        justify-content: end;
        
        
        .wp-block-uagb-advanced-heading {
            margin-left:0!important;
            margin-right:0!important;
            h1 {
                @media screen and  (max-width:821px) {
                    text-shadow: 1px 1px 1px rgba(0,0,0,1);
                }
            }
        }
    }
    img {
        animation: zoom 55s ease-in-out 0s infinite; 
    }

    
    }
    .s_bg {
        position: absolute;
        opacity: 0;
        top:0;
        left:0;
        height:100%;
        width:100%;
        background: url(/wp-content/uploads/2025/03/colordodge.svg) no-repeat;
        background-size:contain;
        z-index: 1;
        mix-blend-mode: color-dodge;
        animation: smileSlide 1.2s ease 200ms 1 normal forwards;
        /* transition: all 0.8s ease; */
       
        &.scrolled {
            left:0%;  
            
            transition: all 0.8s ease;
        }
        &.scrolled-1 {
            left:10%;  
            transition: all 0.8s ease;
        }
        &.scrolled-2 {
            left:20%;  
            transition: all 0.8s ease;
     
        }
        &.scrolled-3 {
            left:40%;  
            transition: all 0.8s ease;
      
        }
        &.scrolled-4 {
            left:60%;  
            transition: all 0.8s ease;
        }
        &.scrolled-5 {
            left:80%;  
            transition: all 0.8s ease;
        }

}

    p { margin-top:12px!important;
        margin-left:18px;
        margin-bottom:12px;
    }
    &:after {
        content:'';
        position: absolute;
        bottom:-50px;
        left:-5vw;
        width:103%;
        height:calc(100% + 50px);
        border-bottom-right-radius: 50px;
        background: linear-gradient(145deg, rgb(32, 38, 44) 0%, rgb(59, 69, 79) 100%);
        z-index: -1;
        
    }
    &:before {
        content:'';
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height:100px;
        background: linear-gradient(180deg, rgb(0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%);
        z-index: 1;
        
    }
  }

  .editor-post-taxonomies__hierarchical-terms-add {
    display:none!important;
  }

 body:not(.wp-admin) footer {
    border-top:1px solid #3B454F;
    &> .wp-block-group.has-global-padding:not(.alignfull) {
       padding-bottom:0!important;
       padding-left:0!important;
       padding-right:0!important;
		 @media screen and (max-width:821px) {
		 padding-bottom:0!important;
		}
    }

    .site-logo-img {
        @media screen and (max-width:821px) {
            margin-top:12px!important;
            margin-bottom:12px!important;
			
			img {
				max-width: 200px;
			}
        }
    }

     .wp-block-columns.cols {
        padding-left:20px;
        padding-right:20px;
        @media screen and (min-width:1400px) {
            padding-left:0px;
            padding-right:0px;   
        }
    }
	  
	  
	 
	 .footer_certs {
    @media screen and (max-width:821px) {
    gap:20px;
    max-width: fit-content!important;
        .wp-block-column {
            width:unset!important;
            .wp-block-image {
                margin-left:0!important;
                margin-right:0!important;
                img {
                    max-width:80px!important;
                }
            }
        }
        }  
	}
	  
    .bottom_footer {
        a {
            &:hover {
                color:#fff!important;
            }
        }
        .copy {
            @media screen and (max-width:821px) {         
             flex-direction: column-reverse;
            }
        }
        figure {
            font-size:0;
            img {
                width:100px;
            }
        }
    }
  }

  .uagb-marketing-btn__link.wp-block-button__link {
    padding: 8px 16px!important;
    padding-left:10px!important;
    border-radius: 9999px;
    span {
        text-transform: uppercase;
        font-size:14px;
    }
  }
  .wp-block-button__link {
    text-transform: uppercase;
        font-size:14px;
  }







.uagb-post__image {
    &:before {
        opacity: 0!important;
   
    &:hover {
       
        opacity: 0.4!important; 
    }
    }
}


 

.wp-block-post-template {
	li.vacature {
		aspect-ratio: unset!important;
	}
    li {
        position:relative;
        aspect-ratio: 6 / 4;
        border-radius: 25px!important;
        overflow:hidden;
        a:before {
            position:absolute;
            height:100%;
            width:100%;
            left:0;
            top:0;
            content:'';
            
            z-index:2;
        }
        a:hover {
            img {
                transform:scale(1.2);
            }
        }
        & > .wp-block-group {
            user-select: none;
            height: 100%;
            width:100%;
            position: relative;
            border-bottom-right-radius: 25px!important;
            overflow: hidden;
            background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
            h3, h4 {
                margin-top:20px;
                @media screen and  (max-width:821px) {
                    margin-top:12px;
                }
            }
            .datediv {
                display:none;
                    position: absolute;
                    bottom:0;
                    right:0;
                    padding: 8px 16px!important;
                    border-top-left-radius: 25px!important;
                    font-size:14px;
                    text-transform: uppercase;
                    background-color:#DFAB00;
                    color:#20262C;
                    .acf_date {
                        display:flex;
                        align-items: center;
                       svg {
                        margin-right:4px;
                       }
                    }
                }
            
        }
        figure {
            position: absolute;
            height:100%;
            width:100%;
            aspect-ratio: 6 / 4;
            overflow:hidden;
            border-radius: 30px;
            a {
                border-radius: 25px !important;
                overflow:hidden;
            }
            img {
                transition:all 0.3s ease;
                z-index:0;
                height:100%;
            }
        }
    }
}


/* Gallery */

.acf_gallery {
    display:flex;
    width:100%;
    flex-wrap: wrap;
    overflow:hidden;
    justify-content: space-between;
    padding-bottom:40px;
    @media screen and  (max-width:821px) {
        padding-bottom:6px!important;
    }
    .gallery_item {
       aspect-ratio: 6 / 4;
      width: calc(25% - 12px);
      border-radius: 12px!important;
      overflow:hidden;
      margin-bottom:24px;
      @media screen and  (max-width:821px) {
        width: calc(50% - 6px);
        margin-bottom:12px;
      }
      a {
        height:100%;
        width: 100%;
        display:block;

      }
        .gallery_bg {
            height:100%;
            width:100%;
            background-size:cover!important;
            background-position: center!important;
            cursor:pointer;
            transition:all 0.3s ease;
            &:hover {
                transform:scale(1.2);
            }
        }

    }
}



.entry-content.alignwide {
    > p {
        max-width: unset!important;
    }
}


.single-portfolio, .single-vaste-locatie {
    p:empty {
        display:none!important;
    }
   .uagb-marketing-btn__link  {
    padding-left:0!important;
   }
    .wp-block-cover {
        cursor:pointer;
        margin-bottom:60px;
        @media screen and  (max-width:821px) {
            margin-bottom:6px!important;
            aspect-ratio: 6 / 4!important;
        }
        h1 {
            text-transform: none!important;
            margin-bottom:28px!important;
            @media screen and  (max-width:821px) {
                margin-bottom:6px!important;
                font-size:1.8rem;
            }
        }
        .entry-content {
            @media screen and  (max-width:821px) {
            padding-bottom:0px!important;
            }
        }
        
        

    }
    .acf_date, .acf_credit {
        display:flex;
        align-items: center;
        @media screen and  (max-width:821px) {
            margin-top:0px!important;
            
        }
        svg {
            margin-right:4px;
        }
    }
    .cta_col {
        @media screen and (max-width:821px) {
            padding-bottom:0px!important;
            /* font-size:1.8rem; */
            .wp-block-group {

            }
        } 
    }
}

#spotlight {
    background:rgba(0,0,0,0.9)!important;
}

.spl-pane {

}

html[lang="en-US"] .spl-button {
          visibility:visible;
	&:before {
		content:'Close / ';
		visibility:visible!important;
	}
        }

.spl-footer {
    @media screen and  (max-width:821px) {
    display:flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom:0;
    height:30vh;
    width:calc(100%);
    background-color:transparent!important;
    }
    @media screen and  (min-width:821px) {
        .spl-footer {
            background-color:transparent!important;   
        }
        .spl-button {
            display:none!important;
        }
    }
}


.wp-block-navigation__responsive-container {
   
    background-color:#000!important;
    color:#fff!important;
    min-height:100vh!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    
    .wp-block-navigation__container {
        width:100%;
        padding-left:60px;
        padding-top:60px;
        display:block;
        align-items:flex-start!important;
        .wp-block-navigation-item {
            align-items:flex-start!important;
            text-transform: uppercase;
            font-size:2em;
            font-weight: var(--wp--custom--font-weight--medium);
        }
       
    }
    &:after {
        position:absolute;
        content:'';
        background:url('/wp-content/uploads/2025/03/logo_substracted.svg') no-repeat;
        background-size:contain;
        width:162px;
        height:53px;
        top:12px;
        left:14px;
        z-index:9999;
    }
}
.wp-block-navigation__responsive-container-close {
    margin-top:10px;
    margin-right:-4px;
}


/* Logo slider */
.uagb-post-grid-byline {
    display:none;
}
.uagb-post__inner-wrap {
    background:transparent!important;
}
.uagb-post__image img {
    opacity: 0.4;
    filter:brightness(100);
    max-height: 90px;
    
}
.uagb-post-grid.uagb-post__columns-6:not(.is-grid) {
 
}

.uagb-post__inner-wrap {
    display:flex;
    align-items: center;
    margin-right:50px;
    justify-content: center;
    a {
        pointer-events: none;
    }
}
.wp-block-uagb-post-carousel {
    padding:0;
}
.slick-arrow {
display:none!important;
}



.wp-block-splide-carousel {
    margin-bottom:0;
}

.klanten {
    .splide__slide { 
        width:auto!important;
        align-items: center!important;
        justify-content:center!important;
        .wp-block-group {
            display:none!important;
        }
            a {
                pointer-events:none!important;
            display:flex;
            align-items: center;
            justify-content:center;
            
            }
    }
    img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image  {
        opacity: 0.4;
        filter:brightness(100) grayscale(1)!important;
        max-height: 50px;
		height:50px;
		max-width:180px!important;
        @media screen and (max-width:821px) {
            max-height:50px;
			height:50px;
        }
        width:auto;
        object-fit: contain;
        border-radius: 0!important;
    }
}

.crew {
    img {
        aspect-ratio: 6 / 4!important;
    }
    .acf_functie {
            margin-top:0;
    }
   
}
#crew {
    .splide__slide {
        .wp-block-group {
            padding-top:0!important;
            @media screen and (max-width:821px) {
                padding-left:0!important;
                padding-right:0!important;
                font-size:0.8rem;
                h4 {
                    font-size:1rem!important;
                }
            } 
        }
    }
}
.contact {
    @media screen and (max-width:821px) {
        padding-right:0!important;
    }
}
body:not(.wp-admin) form {
    label {
    font-size: 1rem!important;
        }
    input {
        height:40px;
        width:100%!important;
       &[type=text], &[type=email] {
        font-size: unset;
        padding-left: 12px;
        border-radius: 8px;
       }
        @media screen and (max-width:768px) {
        width:calc(100% - 12px)!important;
        }
        
    }
    textarea {
        font-family: Arial;
        width:100%;
        font-size: unset;
        padding-left: 12px; 
        padding-top:12px;
        border-radius: 8px;
        @media screen and (max-width:768px) {
            width:calc(100% - 12px)!important;
        }
        }
    input[type=submit] {
        width:fit-content!important;	
        background-color:transparent;
        border:2px solid #fff;
        color:#fff;
        border-radius:9999px;
        text-transform: uppercase;
        padding:8px 12px;
        cursor:pointer;
        &:hover {
            opacity:1;
            border:2px solid #DFAB00;
            color:#DFAB00;
        }
    }
}

.wpcf7-response-output {
    border-radius: 12px;
    margin-left:0!important;
}

.wp-block-navigation-item {
    a {
        &.current {
            border-bottom: #DFAB00 2px solid;
        }
    }
}

.wp-block-button__link, .wp-block-button__link svg, a, a:before, .uagb-marketing-btn__title, .wpcf7-submit {
    transition:all 0.2s ease;
}

#werken-bij-smile .uagb-marketing-btn__link {
    padding-left:0!important;
}


.maps {
    filter:grayscale(1);
}

.contact, .contact-en {
    .wp-block-cover {
        margin-top:0!important;
    }
    header {
        background: linear-gradient(180deg, rgba(0, 0, 0,0.6) 20%, rgba(0, 0, 0, 0) 80%)!important;
    }
    .hero {
        &:before {
            display:none;
        }
    } 

    .wp-block-cover__background {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 10%)!important;
    }
}

.contactpersoon_meta {
    column-gap:8px;
    a {
        color:#fff!important;
    }
}

.wp-admin .components-notice-list .is-dismissible {
    display:none!important;
}

.wp-block-query .portfolio img {
	max-width:503px!important;
}

#atec_wpmc_debug {
	display:none!important;
}
body > a:last-of-type {
	display:none!important;
}

.uagb-google-map__iframe {
	border-radius: 25px;
	overflow:hidden;
}

.bottom_footer a img {
	width:100px!important;
	@media screen and (max-width:821px) {
	margin-bottom:22px;	
	margin-top:-7px;
	width:90px!important;
	}
}


.uagb-marketing-btn__link {

display: flex;
align-items: center;
width: fit-content;
background: transparent;
color: #fff;
a {
padding-left:0;
}
 svg {
height:20px; 
fill: #fff;

}

}

.sb_langswitch {
	    font-size: smaller;
	a {
		color:#fff;
		font-weight:600;
		border-bottom: transparent 2px solid;
		&.selected {
			color:#fff;
			pointer-events:none;
			border-bottom: #DFAB00 2px solid;
		}
		&:hover {
			color:#dfab00;
		}
	}
}

.wp-block-list {
	list-style:none;
	margin:0;
	padding:0;
	li {
		&:before {
			display:inline-block;
			margin-right:4px;
			font-weight:bold;
			content:'.';
			color:#dfab00;
			
			
		}
	}
}


.wp-admin .hero .wp-block-html {
	display:none!important;
}

.klanten .wp-block-post-featured-image a img {
    object-fit: contain!important;
}