:root {
  --lg-grey: #efedeb;
  --lg-green: #aee7bc;
  --dk-green: #25664f;
  --lg-blue: #f4fcfe;
  --md-blue: #cbf0f6;
  --blue: #015fff;
  --dk-blue: #080732;
  --red: #e42229;
  --black: black;
  --white: white;
  --grey: grey;
}

body.elementor-page.hello-elementor.wp-theme-hello-elementor .none {
  display: none;
}

.none {
  display: none !important;
}

/* init style for translations, remove if buggy */
div[data-elementor-type="wp-post"] img,
div[data-elementor-type="wp-page"] img {
  width: 100%;
}

/* set imgs */

.category-elementor-pages-en,
.category-elementor-pages-fr,
.category-elementor-pages {
  .elementor img {
    width: 100%;
  }
}

/* header padding */

@media (min-width: 1025px) {
  .elementor-page main#content {
    padding-top: 50px;
  }
}

.header-contact-btn a {
  border: 2px solid black;
  border-radius: 40px;
  padding: 0px 20px !important;
  line-height: 1;
  height: 40px;
}

.header-contact-btn a:hover {
  border: 2px solid black;
  background: black;
  color: white !important;
  border-radius: 40px;
  padding: 0px 20px !important;
  line-height: 1;
  height: 40px;
}

li.header-contact-btn {
  align-items: center;
}
/* buttons */

.red-btn .elementor-widget-container .elementor-button-wrapper .elementor-button {
  background: var(--white);
  border-radius: 40px;
  border: 1px solid var(--red);
  color: var(--red);
  padding: 5px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.red-btn:hover .elementor-widget-container .elementor-button-wrapper .elementor-button {
  background: var(--red);
  color: var(--white);
}

.blue-btn .elementor-widget-container .elementor-button-wrapper .elementor-button {
  background: var(--white);
  border-radius: 40px;
  border: 1px solid var(--blue);
  color: var(--blue);
  padding: 5px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.blue-btn:hover .elementor-widget-container .elementor-button-wrapper .elementor-button {
  background: var(--blue);
  color: var(--white);
}

/* oplossingen pg */

/* pg grid */
span.tag-links {
  display: none;
}
.onze-oplossingen-ctr {
  .oplossing-item span,
  .oplossing-item a {
    color: var(--black);
  }

  svg path {
    color: var(--black);
  }

  div[data-elementor-type="loop-item"]:hover h3,
  div[data-elementor-type="loop-item"]:hover svg path {
    color: grey !important;
  }

  div[data-elementor-type="loop-item"]:not(.has-post-thumbnail) > .oplossing-item {
    min-height: 180px;
    box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.1);
  }

  div.tag-marketing .tag > div {
    background-color: #ffdeca !important;
  }

  div.tag-marketing .tag > div span {
    color: #bf7049 !important;
  }

  div.tag-finance .tag > div {
    background-color: #b8eec3 !important;
  }

  div.tag-finance .tag > div span {
    color: #2b6b55 !important;
  }
}

.oplossingen-taxonomy {
  button.e-filter-item {
    background: var(--md-blue) !important;
    min-width: 180px;
    min-height: 40px;
    color: black;
    font-weight: 600;
  }

  button.e-filter-item[aria-pressed="true"] {
    background: var(--md-blue) !important;
  }
  button.e-filter-item[aria-pressed="false"] {
    background: var(--lg-blue) !important;
  }
}

@media (max-width: 768px) {
  .onze-oplossingen-ctr .elementor-grid {
    max-width: 450px;
    justify-self: center;
  }
}

/* kmo deal */

#gform_wrapper_29 {
  div#gfield_consent_description_29_15 {
    all: unset !important;
    font-size: 14px !important;
  }
}

/* inspiratie pg */

.inspiratie-ctr {
  div.tag-tools .tag > div > span {
    color: #bf7049;
  }
  div.tag-tools .tag > div {
    background-color: #ffdeca !important;
  }

  div.tag-campagne .tag > div > span {
    color: #36715d;
  }
  div.tag-campagne .tag > div {
    background-color: #bdf1c6 !important;
  }
  div.tag-finance .tag > div > span {
    color: #202020;
  }
  div.tag-finance .tag > div {
    background-color: #f6f6f6 !important;
  }

  div.tag-event .tag > div > span {
    color: #202020;
  }
  div.tag-event .tag > div {
    background-color: #f6f6f6 !important;
  }

  div.tag-tips .tag > div > span {
    color: #125cef;
  }
  div.tag-tips .tag > div {
    background-color: #cbf0f6 !important;
  }

  div.tag-testimonials .tag > div > span {
    color: #ea3042;
  }
  div.tag-testimonials .tag > div {
    background-color: #fed7da !important;
  }


/* en */

  div.tag-tools-en .tag > div > span {
    color: #bf7049;
  }
  div.tag-tools-en .tag > div {
    background-color: #ffdeca !important;
  }

  div.tag-campagne-en .tag > div > span {
    color: #36715d;
  }
  div.tag-campagne-en .tag > div {
    background-color: #bdf1c6 !important;
  }
  div.tag-finance-en .tag > div > span {
    color: #202020;
  }
  div.tag-finance-en .tag > div {
    background-color: #f6f6f6 !important;
  }

  div.tag-event-en .tag > div > span {
    color: #202020;
  }
  div.tag-event-en .tag > div {
    background-color: #f6f6f6 !important;
  }

  div.tag-tips-en .tag > div > span {
    color: #125cef;
  }
  div.tag-tips-en .tag > div {
    background-color: #cbf0f6 !important;
  }

  div.tag-testimonials-en .tag > div > span {
    color: #ea3042;
  }
  div.tag-testimonials-en .tag > div {
    background-color: #fed7da !important;
  }


  /* fr */

    div.tag-outils-fr .tag > div > span {
    color: #bf7049;
  }
  div.tag-outils-fr .tag > div {
    background-color: #ffdeca !important;
  }

  div.tag-campagne-fr .tag > div > span {
    color: #36715d;
  }
  div.tag-campagne-fr .tag > div {
    background-color: #bdf1c6 !important;
  }
  div.tag-finance-fr .tag > div > span {
    color: #202020;
  }
  div.tag-finance-fr .tag > div {
    background-color: #f6f6f6 !important;
  }

  div.tag-event-fr .tag > div > span {
    color: #202020;
  }
  div.tag-event-fr .tag > div {
    background-color: #f6f6f6 !important;
  }

  div.tag-tips-fr .tag > div > span {
    color: #125cef;
  }
  div.tag-tips-fr .tag > div {
    background-color: #cbf0f6 !important;
  }

  div.tag-testimonials-fr .tag > div > span {
    color: #ea3042;
  }
  div.tag-testimonials-fr .tag > div {
    background-color: #fed7da !important;
  }


  svg path {
    stroke: black !important;
  }

  div[data-elementor-type="loop-item"]:hover h3,
  div[data-elementor-type="loop-item"]:hover svg path {
    color: #808080 !important;
  }
}

/* testimonials */

/* gravity form */

.gform_wrapper {
  input {
    background: #edf4ff;
    border-radius: 20px;
    border: none;
    font-family: "Poppins";
  }
  input[type="text"] {
    background: #edf4ff;
    border-radius: 20px;
    border: none;
    font-family: "Poppins";
  }
  input[type="tel"] {
    background: #edf4ff;
    border-radius: 20px;
    border: none;
    font-family: "Poppins";
  }
  input[type="email"] {
    background: #edf4ff;
    border-radius: 20px;
    border: none;
    font-family: "Poppins";
  }
  textarea {
    background: #edf4ff;
    border-radius: 20px;
    border: none;
    font-family: "Poppins";
  }

  p.gform_required_legend {
    font-family: "Poppins";
    margin-bottom: 15px;
  }

  label {
    font-family: "Poppins";
    font-weight: 400 !important;
    font-size: 14px !important;
  }

  textarea::placeholder,
  input::placeholder {
    opacity: 40%;
  }

  .gform_footer input[type="submit"] {
    border-radius: 40px;
    background: var(--white);
    color: var(--red);
  }

  .gform_footer input[type="submit"] {
    border-radius: 40px;
    background: var(--white);
    color: var(--red);
    background: var(--white);
    color: var(--red);
    border: 2px solid var(--red);
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: none;
    gap: 15px;
    padding: 5px 18px;
  }

  /* testlogin form button */

  button#gform_submit_button_76 {
    border-radius: 40px;
    background: var(--white);
    color: var(--red);
    background: var(--white);
    color: var(--red);
    border: 2px solid var(--red);
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: none;
    gap: 15px;
    padding: 5px 18px;
  }

  button#gform_submit_button_76:hover {
    background: var(--red);
    color: var(--white);
  }
  button#gform_submit_button_76:hover svg path {
    fill: white;
  }

  #gform_76 label.gfield_label.gform-field-label {
    font-weight: 500 !important;
  }

  #gform_wrapper_76 p.gform_required_legend {
    font-weight: 500;
  }

  /* remove these button styles if no longer needed, because it should be an input */

  /* button[type="submit"] {
    background: var(--white);
    color: var(--red);
    border: 2px solid var(--red);
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: none;
    gap: 15px;
    padding: 5px 18px;
  }

  button[type="submit"]:hover {
    background: var(--red);
    color: var(--white);
  }
  button[type="submit"]:hover svg path {
    fill: var(--white);
  } */
}

/* footer form */


footer .wp-image-25568, 
footer .wp-image-25569,
footer .wp-image-25570 {
  width: 100%;
}

footer p.gform_required_legend {
    display: none;
}

footer div#gform_fields_2 {
    position: relative;
    top: 10px;
}

@media(max-width: 1024px) {
footer .wp-image-25568, 
footer .wp-image-25569,
footer .wp-image-25570 {
  padding-left: 15px; 
}

}


#gform_2 {
  /* captcha field */
  #field_2_4 {
    display: none;
  }

  /* html field */
  div#input_2_3 {
    display: none;
  }

  /* submit button */
  .gform-footer.gform_footer.top_label {
    display: none;
  }

  li#field_2_1 {
    margin: 0;
  }

  div#gform_wrapper_2 {
    margin: 0;
  }

  body .gform_legacy_markup_wrapper .top_label div.ginput_container {
    margin-top: 0px;
  }

  .gform_legacy_markup_wrapper li.hidden_label input {
    margin-top: 0px;
  }

  input#input_2_1 {
    background: black;
    color: white;
    border-bottom: 1px solid white;
    border-radius: 0;
    margin: 0;
    font-family: "Poppins";
  }

  input#input_2_1::placeholder {
    color: white !important;
    opacity: 1;
  }
  .gform_legacy_markup_wrapper {
    margin: 0;
  }
}

body.home .elementor-element.elementor-element-db5f34a.elementor-widget__width-inherit.eael-gravity-form-button-custom.elementor-widget.elementor-widget-eael-gravity-form {
  height: 55px;
}

/* sentometrics page */

.sentometrics-number {
  color: #009de2;
  font-size: 30px;
  padding-right: 10px;
  font-weight: 600;
  width: 15px;
}

span.sentometrics-amount {
  font-size: 30px;
  font-weight: 600;
  padding-left: 5px;
}

#gform_wrapper_70 {
  form#gform_70 input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
  form#gform_70 .gfield textarea {
    font-size: inherit;
    font-family: inherit;
    padding: 12px !important;
    letter-spacing: normal;
    border-radius: 4px;
    background: #f3f3f3;
    color: #939699;
    margin: 0 !important;
    font-family: "Poppins";
  }

  p.gform_required_legend {
    font-family: "Poppins";
    padding-bottom: 15px;
  }
}

/* html body.page-id-25927 .elementor-25927 .elementor-element.elementor-element-d8643c6 .eael-gravity-form .gform_footer input[type="submit"] {
  width: auto !important;
} */

.actievoorwaarden-cta {
  position: fixed;
  z-index: 99999;
  width: 200px;
  right: 0;
  top: 0;
  transform: translate(-40%, 105%);
}

@media (max-width: 768px) {
  .actievoorwaarden-cta {
    width: 120px;
    transform: translate(-10%, 170%);
  }
}

.sentometrics-ul ul {
  list-style: none;
}

.sentometrics-card ul {
  list-style: none;
}

.sentometrics-ul ul li::before {
  content: "" !important;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 8px;
  background-image: url("/wp-content/uploads/2025/05/TBI_check_blue.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

.sentometrics-card ul li::before {
  content: "" !important;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 8px;
  background-image: url("/wp-content/uploads/2025/01/tbi_b-streets_icon-checkmark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

/* actievoorwaarden pg*/

@media (max-width: 768px) {
  .actievoorwaarden-cta.flash {
    width: 120px;
    transform: translate(-10%, 105%);
  }
}

#gform_wrapper_72 {
  form#gform_72 input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
  form#gform_72 .gfield textarea {
    font-size: inherit;
    font-family: inherit;
    padding: 12px !important;
    letter-spacing: normal;
    border-radius: 4px;
    background: #f3f3f3;
    color: #939699;
    margin: 0 !important;
    font-family: "Poppins";
  }

  p.gform_required_legend {
    font-family: "Poppins";
    padding-bottom: 15px;
  }
  span#input_72_11_3_container {
    margin-top: 14px;
  }

  span#input_72_11_5_container {
    margin-top: 14px;
  }

  .field_description_below .gfield_consent_description,
  .gfield_consent_description {
    all: unset;
    font-size: 14px;
    font-weight: 400;
    font-family: "Poppins";
  }
}

/* data integratie */

body.origin-title-data-integratie {
  div[role="region"] {
    border: none;
  }
}

/* html body.page-id-26057 .elementor-26057 .elementor-element.elementor-element-d8643c6 .eael-gravity-form .gform_footer input[type="submit"] {
  width: auto !important;
} */

/* gform */

#gform_wrapper_73 {
  input {
    background: #edf4ff;
    border-radius: 20px;
  }

  label {
    color: black;
    font-size: 14px;
  }

  .gform_button.button {
    background: white;
  }

  .gfield textarea {
    background: #edf4ff;
    border-radius: 20px;
  }

  p.gform_required_legend {
    font-family: "Poppins";
    margin-bottom: 10px;
  }
  .gform_button.button:hover {
    background: var(--red);
    color: var(--white);
  }
}

#gform_wrapper_71 {
  input {
    background: #edf4ff;
    border-radius: 20px;
  }

  label {
    color: black;
    font-size: 14px;
  }

  .gform_button.button {
    background: white;
  }

  .gfield textarea {
    background: #edf4ff;
    border-radius: 20px;
  }

  p.gform_required_legend {
    font-family: "Poppins";
    margin-bottom: 10px;
  }
  .gform_button.button:hover {
    background: var(--red);
    color: var(--white);
  }
}

#gform_wrapper_75 {
  input {
    background: #edf4ff;
    border-radius: 20px;
  }

  label {
    color: black;
    font-size: 14px;
  }

  .gform_button.button {
    background: var(--white);
  }
  .gform_button.button:hover {
    background: var(--red);
    color: var(--white);
  }

  .gfield textarea {
    background: #edf4ff;
    border-radius: 20px;
  }

  p.gform_required_legend {
    font-family: "Poppins";
    margin-bottom: 10px;
  }
}

#gform_wrapper_1 {
  form#gform_1 input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
  form#gform_1 .gfield textarea {
    font-size: inherit;
    font-family: inherit;
    padding: 12px !important;
    letter-spacing: normal;
    border-radius: 4px;
    background: #f3f3f3;
    color: #939699;
    margin: 0 !important;
    font-family: "Poppins";
  }

  p.gform_required_legend {
    font-family: "Poppins";
    padding-bottom: 15px;
  }

  .field_description_below .gfield_consent_description,
  .gfield_consent_description {
    all: unset;
    font-size: 14px;
    font-weight: 400;
    font-family: "Poppins";
  }
}

/* html body.page-id-26194 .elementor-26194 .elementor-element.elementor-element-08ed67b .eael-gravity-form .gform_footer input[type="submit"] {
  width: auto !important;
} */

/* faq */

/* html body.elementor-page .elementor-26211 .elementor-element.elementor-element-08ed67b .eael-gravity-form .gform_footer input[type="submit"] {
  width: auto !important;
} */

a.faq-btn {
  border: 2px solid white;
}

/* faq pgs */

.faq-accordion summary,
.faq-accordion details > div {
  border: none !important;
}

.faq-accordion summary {
  flex-direction: row-reverse !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* html body.parent-pageid-10032.elementor-page.page.hello-elementor.wp-theme-hello-elementor .elementor-element .eael-gravity-form .gform_footer input[type="submit"] {
  width: auto !important;
} */

/* footer */

@media (max-width: 768px) {
  footer ul.sub-menu.elementor-nav-menu--dropdown {
    margin-left: 100px !important;
  }
  footer a.elementor-item {
    padding-left: 0 !important;
  }

  footer img.attachment-large.size-large.wp-image-25568 {
    right: 15px;
    position: relative;
  }
}

/* btn */

body.single-post {
  .btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    padding: 0.6em 1em;
    margin: 15px 0;
    border: 1px solid var(--red);
    text-decoration: none;
    border-radius: 4px;
    color: var(--white);
    background-color: var(--e-global-color-17e740c);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    transition: all 0.3s ease-in-out;
  }

  .btn:hover {
    color: var(--red);
    background-color: var(--white);
  }
}

/* single post */

body.single-post div[data-elementor-type="single-post"] {
  padding-top: 100px;
}

body.single-post div[data-elementor-type="single-post"],
body.single-post div[data-elementor-type="wp-post"] {
  p,
  h1,
  h2,
  h3,
  h4 {
    font-family: "Poppins";
  }

  p {
    margin: 15px 0;
  }

  img {
    display: block;
    max-width: 850px;
    width: auto;
    height: auto;
    margin: 15px 0 15px;
    /* margin: 0 auto 15px;  */
  }

  @media (max-width: 1024px) {
    img {
      max-width: 100%;
    }
  }
}

/* override form btns width */

html body.elementor-page.hello-elementor-default.wp-theme-hello-elementor main#content .eael-gravity-form .gform_footer input[type="submit"] {
  width: auto !important;
}

html body.elementor-page.hello-elementor-default.wp-theme-hello-elementor div[data-elementor-type="wp-page"] .gform_footer input[type="submit"] {
  width: auto !important;
}

html body.elementor-page.hello-elementor-default.wp-theme-hello-elementor div[data-elementor-type="single-page"] .gform_footer input[type="submit"] {
  width: auto !important;
}