/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1785313621
Updated: 2026-07-29 10:27:01

*/
/* Header */
header {
  position: absolute;
}
.header-menu-icon{
  height: auto !important;
}
.desktop-banner{
  position: relative;
}

#diensten{
  border-radius: 20px;
  box-shadow: 0 4px 13px 0 rgba(163, 163, 163, 0.25);
  top: 180px;
  position: fixed;
  top: 180px;
  left: 50%;
  width: 90%;
  z-index: 999;
  background-color: white;
  transform: translateX(-50%);
}
#diensten{
  display: none;
  overflow: hidden;
}
#diensten.active{
  display: flex;
  transition: all 0.5s ease-in;
  flex-direction: column;
  align-items: center;
}
.main-header.elementor-sticky--active #diensten{
  top: 150px;
}
#menu-header-menu li:first-child a {
    position: relative;
}

#menu-header-menu li:first-child a.diensten-hover::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 40px;
    width: 38px;
    height: 44px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M11.9256 1.66123C13.0301 -0.553862 16.1906 -0.553865 17.2951 1.66123L28.9015 24.9382C29.896 26.9327 28.4454 29.2769 26.2167 29.2769H3.00399C0.77529 29.2769 -0.67528 26.9327 0.319223 24.9382L11.9256 1.66123Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 9999;
    pointer-events: none;
}
/* #diensten::after {
    content: "";
    position: absolute;
    top: -30px;
    left: 35%;
    transform: translateX(-35%);
    width: 38px;
    height: 44px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M11.9256 1.66123C13.0301 -0.553862 16.1906 -0.553865 17.2951 1.66123L28.9015 24.9382C29.896 26.9327 28.4454 29.2769 26.2167 29.2769H3.00399C0.77529 29.2769 -0.67528 26.9327 0.319223 24.9382L11.9256 1.66123Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 9999;
} */
a.menu-dropdown-link{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
}
.menu-icon-section a.elementor-icon{
  border: 1px solid #8a1f5229;
}
.menu-icon-section:hover a.elementor-icon{
  transform: rotate(-35deg);
}
/* end */
/* Homepage */
#sb_instagram #sbi_load .sbi_load_btn {
  background-color: #660033;
}
.home-diensten-card .elementor-widget-text-editor,
.diensten-card .elementor-widget-text-editor {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-diensten-card .elementor-widget-icon,
.diensten-card .elementor-widget-icon {
  height: 50px;
}
.home-diensten-card .elementor-widget-icon i,
.diensten-card .elementor-widget-icon i {
  font-size: 48px !important;
}
.diensten-card:hover h4.elementor-heading-title, .diensten-card:hover p, .diensten-card:hover a.elementor-button-link, .diensten-card:hover .elementor-icon i{
  color: white !important;
}

/* end */
/* Over ons Page */
.verhaal-icon-section {
  position: relative;
}
.verhaal-icon-section::before {
  position: absolute;
  content: "";
  background-image: url(https://syltsupport.iteestaging.nl/wp-content/uploads/2026/09/Gp-1.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 25px;
  height: 25px;
  top: 0;
  left: 60%;
  transform: translateX(-60%);
}
.verhaal-icon-section .elementor-icon-box-content {
  position: relative;
}
.verhaal-icon-section .elementor-icon-box-content::after {
  position: absolute;
  content: "";
  width: 24%;
  height: 2px;
  background-color: #86c2c0;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
}
/* end */
/* Contact Page */
.contact-form-section #gform_wrapper_1 legend.gfield_label,
.contact-form-section #gform_wrapper_1 label.gfield_label,
.contact-form-section #gform_wrapper_1 label.gform-field-label {
  display: none;
}
.contact-form-section #gform_wrapper_1 input,
.contact-form-section #gform_wrapper_1 textarea {
  padding: 10px 22px;
  border-radius: 12px;
  border: 0.5px solid #fff;
  background: #fff;
  box-shadow: 0 1px 4px 0 rgba(18, 25, 97, 0.08);
}
.contact-form-section #gform_wrapper_1 input::placeholder,
.contact-form-section #gform_wrapper_1 textarea::placeholder {
  color: #585e6a;
  font-family: Poppins;
  font-size: 13px;
  font-weight: 400;
  line-height: 18.59px;
}
.contact-form-section #gform_wrapper_1 input {
  height: 46px;
}
.contact-form-section #gform_wrapper_1 .gform-footer {
  justify-content: flex-end;
}
#gform_submit_button_1 {
  color: #fff;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  border-radius: 117px !important;
  background-color: #86c2c0 !important;
  padding: 22px 70px 22px 32px !important;
  border: 0px !important;
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='46' viewBox='0 0 45 46' fill='none'%3E%3Crect width='45' height='45.14' rx='22.5' fill='white'/%3E%3Cpath d='M21.5155 15.9661L22.1679 15.3136C22.4442 15.0374 22.8909 15.0374 23.1642 15.3136L28.8773 21.0238C29.1535 21.3001 29.1535 21.7468 28.8773 22.0201L23.1642 27.7332C22.8879 28.0094 22.4412 28.0094 22.1679 27.7332L21.5155 27.0808C21.2363 26.8016 21.2422 26.346 21.5272 26.0727L25.0685 22.6989H16.6223C16.2314 22.6989 15.917 22.3845 15.917 21.9936V21.0532C15.917 20.6623 16.2314 20.3479 16.6223 20.3479H25.0685L21.5272 16.9741C21.2392 16.7008 21.2334 16.2452 21.5155 15.9661Z' fill='%2386C2C0'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 46px 46px !important;
  background-position: 95% !important;
  height: 100% !important;
  transition: all 0.4s ease;
}
#gform_submit_button_1:hover {
  background-color: #ede8f7 !important;
  color: #918ca8;
  transition: all 0.4s ease;
}
.gform-theme--framework
  .gfield_validation_message:where(
    :not(.gform-theme__disable):not(.gform-theme__disable *):not(
        .gform-theme__disable-framework
      ):not(.gform-theme__disable-framework *)
  ),
.gform-theme--framework .gform_validation_errors ol a,
.gform-theme--framework .gform_validation_errors .gform_submission_error {
  color: white !important;
}
.contact-form-section #gform_wrapper_1 #field_1_7 {
  margin-top: -50px;
}
.contact-form-section
  #gform_wrapper_1
  .charleft.ginput_counter.gfield_description {
  color: #fff;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: 18.59px;
}

/* Cases */
h2.itee-case-card__title {
  color: #fff;
}

.itee-case-card__image img {
  min-height: 100%;
}

/* end */

/* EEAT Blog Teamplate */
.blog-banner-section {
  position: relative;
  height: 450px;
}
.blog-banner-section::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #2d2a3d;
  opacity: 0.5;
}
.blog-banner-section .elementor-widget-image img {
  object-fit: cover;
  object-position: center;
  height: 450px;
}
.blog-info-section .info-icon-section:nth-child(2) {
  justify-items: end;
}
.blog-content-area .blog-content-title {
  position: relative;
}
.blog-content-area .blog-content-title::after {
  position: absolute;
  content: "";
  width: 100px;
  height: 1px;
  bottom: -16px;
  left: 0;
  background-color: #006b68;
}
.recent-blogs article .elementor-post__meta-data {
  margin-top: 16px;
}
.recent-blogs article .elementor-post__read-more-wrapper {
  text-align: right;
}
.recent-blogs article .elementor-post__read-more-wrapper a:hover {
  color: #006b68;
}
/* end */
/* Blog Overview */
.blog-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  margin-bottom: 50px;
}
.blog-filter button {
  color: #006b68;
  font-family: Poppins;
  font-weight: 400;
  font-size: 16px;
  padding: 10px 40px;
  border-radius: 30px;
  border: 0.3px solid #006b68;
  background: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.blog-filter button.active {
  background: #006b68;
  color: #fff;
}
#blog-posts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 32px;
  row-gap: 52px;
}
.blog-card {
  background: #f4fafa;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.blog-card img {
  width: 100%;
  display: block;
  height: 300px;
  object-fit: cover;
}
.blog-content {
  padding: 25px;
}
.blog-card .blog-content h3 {
  font-size: 18px;
  margin: 0;
  margin-bottom: 8px;
}
.blog-card .blog-content h3 a:hover {
  color: #006b68;
}
.blog-card .blog-content span.blog-cat {
  position: absolute;
  top: 16px;
  right: 20px;
  padding: 4px 20px;
  color: white;
  border-radius: 20px;
  background: #660033;
  box-shadow: 0 4px 4px 0 rgba(189, 189, 189, 0.25);
  font-size: 14px;
}
.blog-card .blog-content h6.blog-date {
  color: rgba(0, 107, 104, 0.52);
  font-family: Poppins;
  font-size: 11px;
  font-weight: 400;
}
.blog-card .blog-content p {
  color: #777;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  margin-top: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-card .blog-content p:last-child {
  text-align: right;
}
.blog-card .blog-content a.read-more {
  color: #006b68;
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}
.load-more-wrap {
  text-align: center;
  margin-top: 50px;
}

#blog-load-more {
  color: #fff;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  border-radius: 117px !important;
  background-color: #660033 !important;
  padding: 22px 70px 22px 32px !important;
  border: 0px !important;
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='46' viewBox='0 0 45 46' fill='none'%3E%3Crect width='45' height='45.14' rx='22.5' fill='white'/%3E%3Cpath d='M21.5155 15.9661L22.1679 15.3136C22.4442 15.0374 22.8909 15.0374 23.1642 15.3136L28.8773 21.0238C29.1535 21.3001 29.1535 21.7468 28.8773 22.0201L23.1642 27.7332C22.8879 28.0094 22.4412 28.0094 22.1679 27.7332L21.5155 27.0808C21.2363 26.8016 21.2422 26.346 21.5272 26.0727L25.0685 22.6989H16.6223C16.2314 22.6989 15.917 22.3845 15.917 21.9936V21.0532C15.917 20.6623 16.2314 20.3479 16.6223 20.3479H25.0685L21.5272 16.9741C21.2392 16.7008 21.2334 16.2452 21.5155 15.9661Z' fill='%23660033'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 46px 46px !important;
  background-position: 95% !important;
  height: 100% !important;
  transition: all 0.4s ease;
}
#blog-load-more:hover {
  background-color: #86c2c0 !important;
  transition: all 0.4s ease;
}
.blog-sidebar {
  z-index: -1 !important;
}
/* end */
/* Case detail Page */
.itee-random-case-button {
  color: #006b68;
  font-family: Poppins;
  font-size: 15px;
  font-weight: 500;
  line-height: 20.25px;
  border-radius: 117px !important;
  background-color: #86c2c0 !important;
  padding: 22px 70px 22px 32px !important;
  border: 0px !important;
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='46' viewBox='0 0 45 46' fill='none'%3E%3Crect width='45' height='45.14' rx='22.5' fill='white'/%3E%3Cpath d='M21.5155 15.9661L22.1679 15.3136C22.4442 15.0374 22.8909 15.0374 23.1642 15.3136L28.8773 21.0238C29.1535 21.3001 29.1535 21.7468 28.8773 22.0201L23.1642 27.7332C22.8879 28.0094 22.4412 28.0094 22.1679 27.7332L21.5155 27.0808C21.2363 26.8016 21.2422 26.346 21.5272 26.0727L25.0685 22.6989H16.6223C16.2314 22.6989 15.917 22.3845 15.917 21.9936V21.0532C15.917 20.6623 16.2314 20.3479 16.6223 20.3479H25.0685L21.5272 16.9741C21.2392 16.7008 21.2334 16.2452 21.5155 15.9661Z' fill='%2386C2C0'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 46px 46px !important;
  background-position: 95% !important;
  height: 100% !important;
  transition: all 0.4s ease;
  text-decoration: none !important;
}
.itee-random-case-button:hover {
  background-color: #ede8f7 !important;
  color: #918ca8 !important;
  transition: all 0.4s ease;
}
.itee-random-case-button span.itee-random-case-button__icon, .itee-cases-load-more__button span.itee-cases-load-more__icon {
  display: none;
}
.case-tags-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.case-tag-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 36px;
  border: 1px solid #006b68;
  border-radius: 30px;
  color: #006b68 !important;
  text-decoration: none;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  transition: 0.3s;
  cursor: pointer;
}
.case-tag-btn:hover,
.case-tag-btn.active {
  background: #86c2c0;
}
.case-logo-box {
  border-radius: 24px;
  background: rgba(0, 107, 104, 0.9);
  padding: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 140px;
}
.case-logo-box img {
  max-width: 180px;
  height: auto;
}
.itee-cases-load-more__button{
  color: white !important;
  font-family: Poppins;
  font-size: 15px;
  font-weight: 500;
  line-height: 20.25px;
  border-radius: 117px !important;
  background-color: #006b68 !important;
  padding: 22px 70px 22px 32px !important;
  border: 0px !important;
  position: relative;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='46' viewBox='0 0 45 46' fill='none'%3E%3Crect width='45' height='45.14' rx='22.5' fill='white'/%3E%3Cpath d='M21.5155 15.9661L22.1679 15.3136C22.4442 15.0374 22.8909 15.0374 23.1642 15.3136L28.8773 21.0238C29.1535 21.3001 29.1535 21.7468 28.8773 22.0201L23.1642 27.7332C22.8879 28.0094 22.4412 28.0094 22.1679 27.7332L21.5155 27.0808C21.2363 26.8016 21.2422 26.346 21.5272 26.0727L25.0685 22.6989H16.6223C16.2314 22.6989 15.917 22.3845 15.917 21.9936V21.0532C15.917 20.6623 16.2314 20.3479 16.6223 20.3479H25.0685L21.5272 16.9741C21.2392 16.7008 21.2334 16.2452 21.5155 15.9661Z' fill='%23006B68'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 46px 46px !important;
  background-position: 95% !important;
  height: 100% !important;
  transition: all 0.4s ease;
  text-decoration: none !important;
  min-width: auto !important;
}
.itee-cases-load-more__button:hover {
  background-color: #86c2c0 !important;
  color: white !important;
  transition: all 0.4s ease;
}

.ekit-wid-con .ekit_testimonial_style_5 .ekit-testimonial--avatar {
    margin-right: 20px;
}
.elementskit-commentor-image.ekit-testimonial--avatar {
    width: 75px;
    height: 75px;
    border-radius: 50px;
    background-color: #006b68;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.elementskit-commentor-image.ekit-testimonial--avatar img {
    object-fit: contain;
    width: 70px !important;
    height: 70px !important;
}

.itee-random-case-button__title{
color: #fff;
}

/* end */

@media (max-width: 992px) {
  .verhaal-icon-section::before {
    left: 63%;
    transform: translateX(-63%);
  }
  #blog-posts {
    grid-template-columns: repeat(2, 1fr);
  }
  .menu-section #menu-header-menu li{
    margin: 0 16px;
    border-bottom: 0.4px solid #D7C6FA;
  }
}
@media (max-width: 767px) {
  .verhaal-icon-section::before {
    left: 72%;
    transform: translateX(-72%);
  }
  .verhaal-icon-section .elementor-icon-box-content::after {
    width: 30%;
  }
  #sb_instagram .sb_instagram_header .sbi_header_text,
  .sb_instagram_header .sbi_header_text {
    flex-direction: column;
  }
  .sb_instagram_header.sbi_medium .sbi_feedtheme_header_text {
    align-items: center;
  }
  #sb_instagram .sb_instagram_header p,
  .sb_instagram_header p {
    text-align: center;
  }
  .blog-banner-section {
    height: 90vh;
  }
  .recent-blog-icon .elementor-icon-box-wrapper {
    flex-direction: row !important;
  }
  .recent-blogs article .elementor-post__read-more-wrapper {
    margin-top: 24px;
  }
  #blog-posts {
    grid-template-columns: 1fr;
  }
  .case-logo-box img {
    max-width: 120px;
  }
  .case-logo-box {
    min-height: 100px;
  }
  .case-tag-btn {
    padding: 10px 24px;
    font-size: 12px;
  }
  .elementskit-commentor-image.ekit-testimonial--avatar {
    width: 50px;
    height: 50px;
}
.elementskit-commentor-image.ekit-testimonial--avatar img {
    width: 45px !important;
    height: 45px !important;
}
}