/*
 Theme Name:     Interly Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Interly Streetwise Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
/*----- CHEATSHEET -----*/
/* Media Queries */
/*
@media only screen and (max-width: 980px) { -- Tabled
@media only screen and (max-width: 480px) { -- Mobile
*/

/* Row + Column systeem */
/*
.rij-block:after {
  content: "";
  display: table;
  clear: both;
}

.block-1 {
  float: left !important;
  width: 50%!important;
}

.block-2 {
  float: left !important;
  width: 50%!important;
}
*/

/* ----- ALGEMEEN ----- */

/* Fonts */

:root {
  --light-orange: #fdf7ea;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans";
  font-weight: 700;
}

h2 {
  font-weight: 800;
}

p {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
}

a {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
}

ul li {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  color: #141414;
}

/* ISARO RIJ VERTICAAL CENTER */

.isa-rij-center {
  display: flex;
  align-items: center;
}

/* ----- ISARO SUBTITEL BALLON ----- */

.isa-subtitel-ballon {
  width: fit-content;
  padding: 0px 20px 0px 20px;
}

/* ----- ISARO KNOPPEN ----- */

/* ----- HERO KNOPPEN ----- */

/* Blauw */

.isa-knop-blauwerand {
  background: #ffffff;
  color: #141414;
  padding: 15px 25px 15px 25px;
  border: 2px solid #284c71;
  border-radius: 8px;
  transition: all 0.3s;
  font-size: 14px;
  margin-right: 10px;
}

.isa-knop-blauwerand:hover {
  background-color: #284c71;
  color: #ffffff;
}

.isa-knop-blauwerand:focus,
.isa-knop-blauwerand:active {
  background-color: #284c71;
  transition: none;
}

.isa-knop-licht-blauwerand {
  background: transparent;
  display: inline-block;
  color: #141414;
  padding: 10px 25px 10px 25px;
  border: 2px solid #8acde4;
  border-radius: 8px;
  transition: all 0.3s;
  font-size: 14px;
  font-weight: 500;
  margin-right: 10px;
}

.isa-knop-licht-blauwerand:hover {
  background-color: #8acde4;
  color: #ffffff;
}

.isa-knop-licht-blauwerand:focus,
.isa-knop-licht-blauwerand:active {
  background-color: #8acde4;
  transition: none;
}

/* ----------------------- */

.isa-knop-oranje {
  background: #f5a225;
  padding: 15px 25px 15px 25px;
  color: #fff;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  border: 2px solid #f5a225;
  transition: all 0.3s;
}

.isa-knop-oranje:hover {
  background-color: #ffffff;
  color: #f5a225;
}

.isa-knop-oranje:focus,
.isa-knop-oranje:active {
  background-color: #ffffff;
  transition: none;
}

/* ----- KNOP UNDERLINE ----- */
/* DONKER */

.isa-button-underline {
  color: #141414;
  font-size: 14px;
  display: inline-block;
  position: relative;
}

.isa-button-underline::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #f5a225;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.isa-button-underline:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

/* LICHT */

.isa-meerinfo-module .isa-button-underline {
  color: #ffffff;
  font-size: 14px;
  display: inline-block;
  position: relative;
}

.isa-button-underline::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #f5a225;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.isa-button-underline:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

/* ISARO AFBEELDING ELEMENTEN */

.isa-imgboxshadow-links .et_pb_image_wrap img {
  position: relative;
  border-radius: 32px 32px 32px 0px !important;
}

.isa-imgboxshadow-rechts .et_pb_image_wrap {
  position: relative;
  border-radius: 32px 32px 32px 0px !important;
}

.et_pb_module.et_pb_post_title.et_pb_post_title_1_tb_body.isa-imgboxshadow-links {
  overflow: visible;
}

.isa-imgboxshadow-links .et_pb_image_wrap::after {
  content: "";
  background-color: #ffeccc;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  border-radius: inherit;
  transform: matrix(1, 0.07, -0.07, 1, 0, 0);
  top: 18px;
  left: 10px;
  border-radius: 32px;
}

@media (max-width: 980px) {
  .isa-imgboxshadow-links ::after {
    top: 36px;
    left: 5px;
    height: 90%;
  }
}

.isa-imgboxshadow-blauw .et_pb_image_wrap img {
  position: relative;
  border-radius: 32px 32px 32px 0px !important;
}

.isa-imgboxshadow-blauw::after {
  content: "";
  background-color: #e8f5fa;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  border-radius: inherit;
  transform: rotate(8deg);
  top: 18px;
  left: 10px;
  border-radius: 32px 32px 32px 0px;
}

.isa-imgboxshadow-rechts ::after {
  content: "";
  background-color: #ffeccc;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  border-radius: inherit;
  transform: rotate(-4deg);
  top: -5px;
  left: -5px;
}

/* ----- Breadcrumbs ------ */

.interly-breadcrumbs p {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 700;
  color: #f1a224;
}

.interly-breadcrumbs a {
  color: #141414;
  font-weight: 700;
}

/* ----------------------------------- */

/* ----- TOPBAR ------ */

body.admin-bar header.et-l.et-l--header {
  top: 32px;
}

.isa-service-topbarusp p::before {
  content: "";
  background-image: url(/wp-content/uploads/2023/06/Vinkje-zwart.svg);
  filter: invert(25%) sepia(8%) saturate(3717%) hue-rotate(170deg)
    brightness(95%) contrast(88%);
  width: 15px;
  height: 15px;
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  left: -10px;
}

.isa-usp-topbar-container {
  display: flex;
}

.isa-usp-topbar-container .isa-service-topbarusp {
  padding: 0 20px;
  display: flex;
  align-items: center;
  line-height: 15px;
  position: relative;
}

.isa-usp-topbar-container p {
  color: #141414;
  font-size: 13px;
  opacity: 1;
  display: flex;
  align-items: left;
}

/* ISARO TOPBAR MAIL */

.isa-mail-topbar {
  line-height: 15px;
}

.isa-mail-topbar-container p a {
  color: #141414;
  font-size: 13px;
  opacity: 1;
  display: flex;
  justify-content: flex-end;
}

.isa-topbar-mail a {
  color: #141414;
  font-size: 13px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* TOPBAR RESPONSIVE */

@media (max-width: 980px) {
  .isa-usp-topbar-column {
    margin-bottom: 0px;
  }
}

@media (max-width: 980px) {
  .isa-usp-topbar-container {
    max-height: 40px;
    overflow: hidden;
    flex-wrap: wrap;
    margin: 0;
  }

  .isa-usp-topbar-container .isa-service-topbarusp {
    width: 100%;
    margin: 10px;
    height: 20px;
    animation: uspbar1row 6s infinite;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .isa-usp-topbar-container .isa-service-topbarusp:nth-of-type(2) {
    padding-right: 0;
  }

  .isa-usp-topbar-container .isa-service-topbarusp:nth-of-type(3) {
    padding-left: 0;
  }
}

@keyframes uspbar1row {
  0% {
    transform: translateY(0px);
  }

  25% {
    transform: translateY(0px);
  }

  33% {
    transform: translateY(-40px);
  }

  58% {
    transform: translateY(-40px);
  }

  66% {
    transform: translateY(-80px);
  }

  93% {
    transform: translateY(-80px);
  }

  100% {
    transform: translateY(0px);
  }
}

/* ----- ISARO HEADER ------ */

header.et-l.et-l--header.has-scrolled {
  margin-top: -32px;
}

header.et-l.et-l--header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: transparent;
  box-shadow: 1px 0px 5px #e4e7eb;
  transition: all 0.4s;
}

.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a {
  padding: 0px;
}

.et_pb_menu .et-menu > li {
  padding-left: 25px;
  padding-right: 25px;
}

.isa-menu-header .isa-menuknop-oranje {
  background-color: #f5a225;
  border-radius: 8px;
  width: 170px;
  justify-content: center;
  height: 50px;
  border: 2px solid #f5a225;
}

.isa-menuknop-oranje a {
  width: 100%;
  height: 100%;
  font-weight: 500;
  justify-content: center;
}

.isa-menuknop-oranje:hover {
  background-color: #ffffff;
  transition: all 0.3s;
}

.isa-menuknop-oranje a:hover {
  color: #f5a225;
  transition: all 0.3s;
}

.isa-menu-header .isa-menu {
  color: #141414;
}

.isa-menu-header .isa-menuknop-oranje a {
  color: #ffffff;
}

.isa-header-row .et_pb_column {
  display: flex;
}

.et_mobile_menu .menu-item-has-children > a {
  font-weight: 400;
  background-color: rgba(0, 0, 0, 0.03);
}

.et_pb_menu_0_tb_header.et_pb_menu ul li a {
  width: 100%;
}

.nav li ul {
  width: 280px;
}

/* HEADER MOBIEL */
/*change hamburger icon to x when mobile menu is open*/

/* Sticky mobile menu */
@media screen and (max-width: 980px) {
  .et_fixed_nav #main-header.et-fixed-header {
    position: fixed;
    height: 80px;
    margin-top: -55px;
  }
}

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu
  .et_mobile_nav_menu
  .mobile_nav.opened
  .mobile_menu_bar::before {
  content: "\4d";
}

/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  li.page_item_has_children
  .mobile-toggle {
  width: 44px;
  height: 100%;
  padding: 0px !important;
  max-height: 44px;
  border: none;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 999;
  background-color: transparent;
}

/*some code to keep everyting positioned properly*/

ul.et_mobile_menu > li.menu-item-has-children,
ul.et_mobile_menu > li.page_item_has_children,
ul.et_mobile_menu
  > li.menu-item-has-children
  .sub-menu
  li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.page_item_has_children,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  > li.menu-item-has-children
  .sub-menu
  li.menu-item-has-children {
  position: relative;
}

/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children > a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a {
  background-color: transparent;
}

/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
  display: none !important;
  visibility: hidden !important;
}

/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  .menu-item-has-children
  .sub-menu.visible,
.et-db
  #main-header
  ul.et_mobile_menu
  .menu-item-has-children
  .sub-menu.visible {
  display: block !important;
  visibility: visible !important;
}

/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  li.menu-item-has-children
  .mobile-toggle {
  text-align: center;
  opacity: 1;
}

/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  li.menu-item-has-children
  .mobile-toggle::after {
  top: 10px;
  position: relative;
  font-family: "ETModules";
  content: "\33";
  color: #f5a225;
  background: #f0f3f6;
  border-radius: 50%;
  padding: 3px;
}

/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  li.menu-item-has-children.dt-open
  > .mobile-toggle::after {
  content: "\32";
}

/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
  position: absolute;
  right: 5%;
  margin-left: -20px;
  top: -14px;
  width: 0;
  height: 0;
  content: "";
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #ffffff;
}

/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
  position: relative;
  display: block;
  line-height: 0;
}

/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
  background-color: #ffffff !important;
  border-radius: 10px;
}

ul#menu-main-menu {
  align-items: center;
}

/* - RESPONSIVE HEADER - */

@media (max-width: 980px) {
  header.et-l.et-l--header.has-scrolled {
    margin-top: -60px;
  }
}

.isa-header-row .et_pb_column.et_pb_column_4_4 {
  align-items: center;
}

/* @media (max-width: 980px) {
.et_pb_column .et_pb_module {
    margin-bottom: 0px !important;
}
} */

div#mobile_menu {
  flex: 1;
}

.isa-kalender-button {
  background-color: #f5a225;
  height: 50px;
  width: 50px;
  display: flex;
  border-radius: 8px;
}

.isa-kalender-button img {
  padding: 14px;
  filter: invert(88%) sepia(100%) saturate(0%) hue-rotate(177deg)
    brightness(108%) contrast(102%);
}

@media (max-width: 1205px) {
  .et_pb_menu .et-menu > li {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
  }

  .isa-menu-header .isa-menuknop-oranje {
    width: 130px;
  }
}

@media (max-width: 1050px) {
  .et_pb_menu .et-menu > li {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
  }

  .isa-menu-header .isa-menuknop-oranje {
    width: 130px;
  }
}

@media (max-width: 980px) {
  .isa-menuknop-oranje {
    display: none;
  }
}

/* ------ ISARO HERO ------- */

.isa-afaslogo-hero {
  display: inline-block;
  margin-right: 40px;
}

.isa-imghero-module .et_pb_image_wrap img {
  width: 100%;
  min-height: 500px;
  object-fit: cover;
}

.isa-hero-sectie::after {
  content: "";
  background-image: url(https://isarosolutions.nl/wp-content/uploads/2026/02/Isaro-logo-donker.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 1700px;
  height: 100%;
  max-height: 26vw;
  position: absolute;
  top: 90px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  opacity: 0.6;
}

@media (max-width: 980px) {
  .isa-hero-sectie::after {
    top: 130px;
    height: 25.5vw;
  }
}

/* ------ Responsive ------- */

@media (max-width: 980px) {
  .isa-hero-rij {
    flex-direction: column-reverse;
  }

  .isa-imghero-module .et_pb_image_wrap img {
    max-width: 100%;
    min-height: 250px;
    object-fit: cover;
    margin-bottom: 20px;
  }
}

@media (max-width: 550px) {
  .isa-hero-rij {
    flex-direction: column-reverse;
  }

  .isa-imghero-module .et_pb_image_wrap img {
    max-width: 100%;
    min-height: 290px;
    object-fit: cover;
    margin-bottom: 20px;
  }

  .isa-herobutton-module {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .isa-knop-blauwerand {
    width: 100%;
    text-align: center;
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .isa-knop-oranje {
    margin-bottom: 0px;
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 400px) {
  .isa-hero-rij {
    flex-direction: column-reverse;
  }

  .isa-herobutton-module {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .isa-knop-blauwerand {
    width: 100%;
    text-align: center;
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .isa-knop-oranje {
    margin-bottom: 0px;
    width: 100%;
    text-align: center;
  }
}

/* ----- ISARO SPECIALISATIES SECTIE ------ */

.isa-ul-check ul {
  list-style: none;
}

.isa-ul-check ul li {
  padding-left: 15px;
  position: relative;
  padding-bottom: 10px;
}

.isa-ul-check ul li::before {
  filter: invert(79%) sepia(22%) saturate(4712%) hue-rotate(343deg)
    brightness(99%) contrast(91%);
  content: "";
  background-image: url("/wp-content/uploads/2023/06/Vinkje-zwart.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: absolute;
  left: -13px;
  top: 2px;
}

/* ----- Responsive ------ */

@media (max-width: 550px) {
  .isa-ul-check ul li {
    padding-left: 15px;
    position: relative;
    padding-bottom: 5px;
  }

  .isa-ul-check ul li::before {
    width: 15px;
    height: 15px;
    top: 8px;
  }
}

/* ----- ISARO PROBLEEM SECTIE ----- */

.isa-imgboxshadow-links .et_pb_image_wrap img {
  height: 450px !important;
  position: relative;
  border-radius: 32px 32px 32px 0px !important;
  object-fit: cover;
}

/* ----- Responsive ------ */
@media (max-width: 980px) {
  .isa-probleem-rij {
    flex-direction: column;
  }

  .isa-imgboxshadow-links .et_pb_image_wrap img {
    max-width: 100%;
    height: 250px;
    object-fit: cover;
    margin-bottom: 20px;
  }
}

@media (max-width: 550px) {
  .isa-probleem-rij {
    flex-direction: column;
  }
}

/* ----- ISARO OPLOSSING ------ */

.isa-imgboxshadow-rechts .et_pb_image_wrap img {
  height: 450px;
  position: relative;
  border-radius: 32px 32px 32px 0px !important;
  object-fit: cover;
}

/* Responsive */

@media (max-width: 980px) {
  .isa-oplossing-rij {
    flex-direction: column-reverse;
  }

  .isa-imgboxshadow-rechts .et_pb_image_wrap img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 20px;
  }
}

@media (max-width: 550px) {
  .isa-oplossing-rij {
    flex-direction: column-reverse;
  }
}

/* ----- ISARO DIENSTEN SECTIE ----- */

.isa-diensten-rij .et_pb_blurb {
  min-height: 60px;
}

.isa-diensten-rij .img-filter-orange img {
  height: 100%;
  filter: invert(65%) sepia(84%) saturate(898%) hue-rotate(343deg)
    brightness(101%) contrast(92%);
}

.isa-diensten-rij .et_pb_column {
  overflow: visible;
}

.isa-diensten-rij span.et_pb_image_wrap {
  position: absolute;
  top: -55px;
  max-width: 70px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 100%;
  padding: 10px;
}

.isa-diensten-rij .et_pb_blurb_position_left .et_pb_blurb_container,
.et_pb_blurb_position_right .et_pb_blurb_container {
  vertical-align: middle;
}

.isa-diensten-rij .et_pb_module_header {
  padding-bottom: 0px;
}

.isa-diensten-kolom {
  padding: 50px 30px 50px 30px;
}

.isa-diensten-titel {
  width: 80%;
}

.isa-diensten-kolom::before {
  filter: invert(74%) sepia(0%) saturate(1%) hue-rotate(183deg) brightness(92%)
    contrast(85%);
  content: "";
  background-image: url(/wp-content/uploads/2023/06/Tandwiel-zwart.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 45px;
  height: 56px;
  right: 25px;
  top: 50px;
}

/* ----- Responsive ----- */

@media (max-width: 550px) {
  .isa-diensten-kolom::before {
    left: 25px;
    top: 25px;
  }

  .isa-diensten-kolom {
    padding-top: 90px;
    padding-bottom: 25px;
  }
}

/* ----- ISARO SOLUTIONS USPS -----*/

.isa-service-usp p::before {
  content: "";
  background-image: url(/wp-content/uploads/2023/06/Vinkje-zwart.svg);
  filter: invert(54%) sepia(89%) saturate(326%) hue-rotate(359deg)
    brightness(92%) contrast(88%);
  width: 20px;
  height: 20px;
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  left: -10px;
}

.isa-usp-container {
  display: flex;
  justify-content: space-between;
  height: 60px;
  max-height: 60px;
}

.isa-usp-container .isa-service-usp {
  padding: 0 20px;
  display: flex;
  align-items: center;
  line-height: 15px;
  position: relative;
}

.isa-usp-container p {
  color: #ffffff;
  opacity: 1;
  display: flex;
  align-items: center;
}

.isa-usp-container img {
  margin-right: 7px;
}

.isa-usp-container .isa-service-usp:nth-of-type(1) {
  padding-left: 0;
}

.isa-usp-container .isa-service-usp:nth-last-of-type(1) {
  padding-right: 0;
}

/* ----- ISARO SOLUTIONS USPS RESPONSIVE -----*/

@media (max-width: 980px) {
  .isa-usp-container {
    max-height: 40px;
    overflow: hidden;
    flex-wrap: wrap;
    margin: 0;
  }

  .isa-usp-container .isa-service-usp {
    width: 100%;
    margin: 10px;
    height: 20px;
    animation: uspbar1row 6s infinite;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .isa-usp-container .isa-service-usp:nth-of-type(2) {
    padding-right: 0;
  }

  .isa-usp-container .isa-service-usp:nth-of-type(3) {
    padding-left: 0;
  }
}

@keyframes uspbar1row {
  0% {
    transform: translateY(0px);
  }

  25% {
    transform: translateY(0px);
  }

  33% {
    transform: translateY(-40px);
  }

  58% {
    transform: translateY(-40px);
  }

  66% {
    transform: translateY(-80px);
  }

  93% {
    transform: translateY(-80px);
  }

  100% {
    transform: translateY(0px);
  }
}

/* ----- LAST VAN EEN AFAS UITDAGING ----- */

.isa-footer-afbeelding .et_pb_image_wrap img {
  height: 355px;
  width: 355px;
  position: relative;
  border-radius: 32px 32px 32px 0px !important;
  object-fit: cover;
}

@media (max-width: 980px) {
  .isa-uitdaging-rij {
    flex-direction: column;
  }
}

/* ----- FOOTER ISARO SOLUTIONS -----  */

.isa-ul-check-footer ul {
  list-style: none;
}

.isa-footer-sectie::after {
  content: "";
  background-image: url(https://isarosolutions.nl/wp-content/uploads/2026/02/Isaro-logo-donker.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 1940px;
  height: 22vw;
  position: absolute;
  top: -20vw;
  left: 50%;
  transform: translateX(-50%);
}

.isa-ul-check-footer ul li {
  padding-left: 15px;
  position: relative;
  padding-bottom: 10px;
}

.isa-ul-check-footer ul li::before {
  filter: invert(26%) sepia(9%) saturate(2943%) hue-rotate(170deg)
    brightness(103%) contrast(95%);
  content: "";
  background-image: url("/wp-content/uploads/2023/06/Vinkje-zwart.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: absolute;
  left: -13px;
  top: 2px;
}

.isa-logoshowcase-footer {
  display: flex;
}

@media (max-width: 600px) {
  .isa-logoshowcase-footer {
    flex-direction: column;
  }

  .isa-logoshowcase-footer {
    width: 80%;
  }
}

/* ----- FOOTER MENU ----- */

.isa-footer-sectie a:hover {
  color: #f5a225;
  transition: all 0.3s;
}

/* Divi footer */
#main-footer {
  display: none !important;
}

/* KLANTVERHAAL CPT */

.isa-klantverhaal {
  background-color: #f4f7fc;
  border-radius: 20px;
  padding: 40px;
  margin-bottom: 1rem;
  width: 100%;
  display: inline-block;
  break-inside: avoid;
}

.isa-klantverhaal img {
  margin-top: 15px;
  width: 100px;
}

.isa-klantverhaal-button {
  display: flex;
  justify-content: flex-end;
}

.isa-klantverhalen-container {
  columns: 3;
  column-gap: 1rem;
  width: 100%;
}

.isa-klantverhalen-container.slick-initialized {
  display: block;
  columns: unset;
}

.isa-klantverhalen-container.slick-initialized .isa-klantverhaal {
  margin: 0 10px;
}

.isa-klantverhalen-container.slick-initialized .isa-klantverhaal-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  /* limit to 4 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.isa-klantverhaal .isa-button-underline:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

/* REFERENTIE KLANTVERHALEN PAGINA */
.isa-klantverhaal-masonry .isa-klantverhalen-container {
  column-count: 3;
  column-gap: 2%;
}

.isa-klantverhaal-masonry .isa-klantverhaal {
  break-inside: avoid;
  width: 100%;
  margin-bottom: 2%;
}

@media (max-width: 980px) {
  .isa-klantverhaal-masonry .isa-klantverhalen-container {
    column-count: 1;
  }
}

/* RESPONSIVE KLANTVERHAAL CPT */

/* Media Query for tablets */
@media (max-width: 980px) {
  .isa-klantverhalen-container {
    columns: 2;
  }
}

@media (max-width: 767px) {
  .isa-klantverhalen-container {
    columns: 1;
  }
}

/* SUBPAGINA USP */

.isa-ul-check-subpage ul {
  display: flex;
  justify-content: center;
}

.isa-ul-check-subpage ul li {
  color: #ffffff;
}

.isa-ul-check-subpage ul {
  list-style: none;
}

.isa-ul-check-subpage ul li {
  padding-left: 15px;
  position: relative;
  padding-bottom: 10px;
}

.isa-ul-check-subpage ul li::before {
  filter: invert(79%) sepia(22%) saturate(4712%) hue-rotate(343deg)
    brightness(99%) contrast(91%);
  content: "";
  background-image: url("/wp-content/uploads/2023/06/Vinkje-zwart.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: absolute;
  left: -13px;
  top: 2px;
}

/* ----- NINJA FORMS ----- */

.nf-form-title {
  display: none;
}

.nf-before-form-content {
  display: none;
}

.nf-error-msg,
.ninja-forms-req-symbol {
  color: #f5a225 !important;
}

.nf-form-content .list-select-wrap .nf-field-element > div,
.nf-form-content input:not([type="submit"]),
.nf-form-content textarea {
  background: #f4f7fc;
  border: 0.5px solid #c4c4c4;
  border-radius: 8px 8px 8px 0px !important;
  box-shadow: none;
  color: #787878;
  transition: all 0.5s;
}

.isa-contact-form .nf-form-content input[type="submit"] {
  background: #f5a225;
  border-radius: 8px;
  border: 0;
  color: #f7f7f7;
  transition: all 0.5s;
  padding: 10px 90px 10px 90px;
  font-size: 13px;
}

/*  */

.isa-klantfunctie {
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
}

.isa-klantfunctie-col {
  margin-top: 10px;
  margin-left: 20px;
}

.isa-klantfunctie-col p {
  margin-top: -10px;
}

.nf-error-msg.nf-error-field-errors {
  display: none;
}

/* HEADER BUTTON */

.isa-training-btn {
  position: relative;
  list-style: none;
  padding-left: 0;
}

.isa-training-btn a::before {
  content: "Nieuw!";
  display: block;
  background-color: #f1a225;
  color: #ffffff;
  text-align: center;
  position: absolute;
  font-size: 12px;
  font-weight: 500;
  padding: 2px;
  width: 100%;
  top: 0px;
  left: 75%;
  transform: translateX(-50%);
  box-sizing: border-box;
  border-radius: 8px 8px 8px 0px;
  white-space: nowrap;
}

/* TRAININGEN OVERZICHT */

@media (min-width: 981px) {
  .isa-trainingen {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .isa-training {
    width: 30%;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
}

@media (max-width: 980px) {
  .isa-trainingen {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}

.isa-training,
.isa-training.slick-slide {
  background: #f4f7fc;
  border-radius: 28px 28px 28px 0px;
  overflow: hidden;
}

.isa-training-thumbnail img {
  width: 100%;
  height: 165px;
  object-fit: cover;
}

.isa-training-content {
  padding: 30px;
}

.isa-training h3 {
  padding-bottom: 0;
  margin-bottom: 5px;
}

.isa-training h3 a {
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 700;
}

.isa-training-categories {
  color: #f1a225;
  font-weight: 700;
  margin-bottom: 10px;
}

.isa-training p {
  color: #141414;
  font-weight: 500;
  margin-bottom: 10px;
}

@media (min-width: 981px) {
  .trainingen-flex {
    gap: 80px;
  }
}

@media (max-width: 980px) {
  .trainingen-flex:not(:last-of-type) {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .isa-trainingen {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .isa-trainingen {
    grid-template-columns: 1fr;
  }
}

/* Trainingen slider */

.isa-trainingen-slider {
  position: relative;
  padding: 20px 0;
}

@media (max-width: 980px) {
  .isa-training {
    margin: 0 10px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
}

.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: none;
  border: none;
  cursor: pointer;
}

.slick-prev {
  left: -40px;
}

.slick-next {
  right: -40px;
}

.isa-trainingen-slider .slick-prev img,
.isa-trainingen-slider .slick-next img {
  width: 20px;
  height: auto;
}

/* TRAININGEN */

/* TRAINING USP'S */

.training-usps-intro {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 50px;
}

.training-usps-intro .usp-item.intro {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fdf7ea;
  border-radius: 20px 20px 20px 0px;
  padding: 30px 0px;
  position: relative;
}

.training-usps-intro .usp-item.intro .usp-icon {
  width: 30px;
  height: 20px;
  margin-right: 10px;
  filter: invert(79%) sepia(22%) saturate(4712%) hue-rotate(343deg)
    brightness(99%) contrast(91%);
}

.training-usps-intro .usp-item.intro .usp-text {
  display: inline-block;
}

/* Trainingen TABS */

.trainingen-tabs {
  background-color: #f4f7fc;
  border-radius: 8px;
  padding: 20px 25px;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 980px) {
  .trainingen-tabs {
    margin-bottom: 20px;
    flex-direction: column;
  }

  button.trainingen-tab:not(:last-of-type) {
    margin-bottom: 15px;
  }

  .isa-training-btn a::before {
    width: 20%;
  }

  .trainingen-tabs-container {
    display: flex;
    flex-direction: column;
  }

  button.trainingen-tab:not(:last-of-type) {
    margin-right: 0px !important;
  }

  button.trainingen-tab:last-of-type {
    margin-bottom: 10px !important;
  }
}

button.trainingen-tab {
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #284c71;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  position: relative;
  padding: 0;
}

button.trainingen-tab:not(:last-of-type) {
  margin-right: 50px;
}

button.trainingen-tab::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #f5a225;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

button.trainingen-tab:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

button.trainingen-tab:hover {
  color: #f5a225;
}

button.direct-inschrijven-tab {
  background-color: #f5a225;
  color: #ffffff;
  padding: 10px;
  border-radius: 8px;
  text-transform: none;
  font-weight: 400;
  padding: 20px 30px;
}

button.direct-inschrijven-tab:hover {
  color: #ffffff;
  background-color: #f5a225;
  box-shadow: none;
  transform: none;
}

button.direct-inschrijven-tab::after {
  content: none;
}

/* Trainingen inhoud */

.trainingen-container {
  margin-bottom: 30px;
}

.trainingen-container .trainingen-subtitle {
  border: 2px solid #dfe4ea;
  border-radius: 12px 12px 12px 0;
  overflow: hidden;
  max-width: 120px;
  text-align: center;
  margin-bottom: 15px;
}

.trainingen-container .trainingen-title {
  color: #f1a225;
  text-transform: uppercase;
  font-weight: 800;
}

.trainingen-container .trainingen-inhoud ul li {
  list-style-type: none;
  position: relative;
  padding-left: 15px;
}

.trainingen-container .trainingen-inhoud ul li:not(:last-of-type) {
  margin-bottom: 10px;
}

.trainingen-container .trainingen-inhoud ul li::before {
  filter: invert(79%) sepia(22%) saturate(4712%) hue-rotate(343deg)
    brightness(99%) contrast(91%);
  content: "";
  background-image: url(/wp-content/uploads/2023/06/Vinkje-zwart.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: absolute;
  left: -13px;
  top: 2px;
}

.trainingen-block img {
  border-radius: 32px 32px 32px 0px;
  height: 380px;
  object-fit: cover;
}

/* blog */
@media (min-width: 981px) {
  .isa-row-align {
    display: flex;
    align-items: center;
  }
}

/* WIL JIJ USP"S */

/* .wil-jij-section .et_pb_column:last-of-type {
    width: 508px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
} */

h2.wil-jij-title {
  text-transform: uppercase;
  font-size: 20px;
}

ul.training-wil-jij-usps {
  list-style-type: none;
  padding: 0;
}

ul.training-wil-jij-usps .usp-item {
  padding: 25px 0px;
  font-weight: 500;
}

ul.training-wil-jij-usps .usp-item:not(:last-of-type) {
  border-bottom: 1px solid #e7e7e7;
}

.training-wil-jij-usps .usp-icon {
  width: 16px;
  height: 11px;
  margin-right: 10px;
  filter: invert(79%) sepia(22%) saturate(4712%) hue-rotate(343deg)
    brightness(99%) contrast(91%);
}

/* KLANTVERHALEN */

.isa-review {
  background-color: #ffffff;
  border-radius: 28px 28px 28px 0px;
  padding: 40px;
  margin-left: 10px;
  margin-right: 10px;
  flex: 0 0 calc(33.33% - 20px);
}

/* Partners CPT */
.isa-partner {
  background-color: #fdf7ea;
  border-radius: 20px;
  padding: 40px;
  margin-bottom: 1rem;
  width: 100%;
  display: inline-block;
  break-inside: avoid;
}

.isa-partner img {
  margin-top: 15px;
  width: 100px;
}

.isa-partner-button {
  display: flex;
  justify-content: flex-end;
}

.isa-partners-container {
  columns: 3;
  column-gap: 1rem;
  width: 100%;
}

.isa-partner .isa-klantfunctie {
  margin-top: 0px;
}

.isa-partners-container.slick-initialized {
  display: block;
  columns: unset;
}

.isa-partners-container.slick-initialized .isa-partner {
  margin: 0 10px;
}

.isa-partners-container.slick-initialized .isa-partner-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.isa-partner .isa-button-underline:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.isa-partner h4 {
  border-bottom: 1px solid #55555538;
  margin-bottom: 10px;
}

.isa-partner .isa-klantfunctie {
  align-items: center;
}

.isa-partner h3 {
  font-size: 16px;
}

@media (max-width: 980px) {
  .isa-partners-container {
    columns: 2;
  }
}

@media (max-width: 767px) {
  .isa-partners-container {
    columns: 1;
  }
}

/* TRAINING FORMULIER */

.isa-form-container h3 {
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
}

.isa-form-container p {
  text-align: center;
  margin-bottom: 10px;
}

.isa-form-container .nf-form-content label {
  font-size: 16px;
  font-weight: 500;
}

.isa-form-container input,
.isa-form-container textarea,
.isa-form-container select {
  color: #284c71 !important;
  font-weight: 500 !important;
}

.isa-form-container input#nf-field-14 {
  color: #f1a225 !important;
  font-weight: 500;
}

label#nf-label-field-28,
label#nf-label-field-29 {
  font-weight: 400;
  font-size: 15px;
}

.isa-form-container .nf-form-content input[type="submit"] {
  background: #f5a225;
  width: 100%;
  border-radius: 8px;
  border: 0;
  color: #ffffff !important;
  transition: all 0.5s;
  padding: 10px 90px 10px 90px;
  font-size: 13px;
  cursor: pointer;
}

h6 {
  font-size: 15px !important;
}

/* CUSTOM BUTTONS */

.training-button {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.3s ease;
  font-family: "Ubuntu";
  font-weight: 500;
  font-size: 14px;
}

.training-button:first-of-type {
  margin-right: 25px;
}

.training-button.oranje {
  background-color: #f1a225;
  color: #fff;
}

.training-button.wit {
  background-color: #fff;
  color: #141414;
  border: 1px solid #284c71;
}

.training-button.lichtblauw {
  background-color: #8acde4;
  border: 2px solid #8acde4;
  color: #fff;
  transition: all 0.3s;
}

.training-button.lichtblauw:hover {
  background-color: transparent;
  color: #8acde4;
}

.contact-button {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  text-decoration: none;
  border-radius: 5px;
  transition: all 0.3s ease;
  font-family: "Ubuntu";
  font-weight: 500;
  font-size: 14px;
}

.contact-button:first-of-type {
  margin-right: 25px;
}

.contact-button.oranje {
  background-color: #f1a225;
  color: #fff;
}

.contact-button.wit {
  background-color: #fff;
  color: #141414;
  border: 1px solid #284c71;
}

.contact-button.lichtblauw {
  background-color: #8acde4;
  color: #fff;
}

@media (max-width: 980px) {
  .training-usps-intro {
    grid-template-columns: repeat(2, 1fr);
  }

  .trainingen-flex {
    flex-direction: column-reverse !important;
    width: 100% !important;
  }
}

@media (max-width: 620px) {
  .training-button,
  .contact-button {
    width: 100%;
    text-align: center;
  }

  .training-button:first-of-type {
    margin-bottom: 20px;
  }

  .training-usps-intro {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* .sticky-register-button {
    position: fixed;
	width: 100%;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #F1A225; 
    color: white;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    display: none; 
}

.sticky-register-button a {
    color: white;
    text-decoration: none;
}

.sticky-register-button a:hover {
    text-decoration: underline;
} */

.isa-download-form .nf-form-content input[type="submit"] {
  background: #8acde4 !important;
  cursor: pointer;
}

/* HOME V2 */

/* .isa-specialisaties-rij .slick-slide {
    margin: 0 10px;
}
.isa-specialisaties-rij .slick-list {
    margin: 0 -10px;
} */

#et-main-area {
  overflow-x: hidden;
}

@media (max-width: 980px) {
  .isa-flex-rev {
    display: flex;
    flex-direction: column;
  }

  .isa-mail-topbar-container {
    display: none;
  }
}

@media (max-width: 678px) {
  .training-button:first-of-type {
    margin-right: 0px;
  }

  .isa-imgboxshadow-links .et_pb_image_wrap img {
    height: 300px !important;
  }

  .isa-imgboxshadow-rechts .et_pb_image_wrap img {
    height: 300px !important;
  }

  .isa-subtitel-ballon {
    margin-bottom: 10px;
  }
}

/* E-mail-blok
@media (max-width:980px) {
.et_pb_column.et_pb_column_1_4 {
    display: none;
 }
} */

#blog-module-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.blog-filter-container {
  margin-bottom: 30px;
  text-align: center;
}

.blog-filter-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.filter-btn {
  padding: 10px 20px;
  border: 2px solid #ddd;
  background: white;
  color: #333;
  border-radius: 25px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 500;
}

.filter-btn:hover,
.filter-btn.active {
  background: #ff9500;
  color: white;
  border-color: #ff9500;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  margin-top: 20px;
}

.blog-card {
  background: white;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.blog-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.blog-card-image {
  height: 200px;
  overflow: hidden;
  position: relative;
}

.blog-featured-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.blog-card:hover .blog-featured-image {
  transform: scale(1.05);
}

.blog-placeholder-image {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 48px;
}

.blog-placeholder-image::before {
  content: "📝";
}

.blog-card-content {
  padding: 25px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  background: #f9f9f9;
}

.blog-card-title {
  margin: 0 0 10px 0;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
}

.blog-card-title a {
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease;
}

.blog-card-title a:hover {
  color: #ff9500;
}

.blog-card-category {
  display: inline-block;
  background: #ff9500;
  color: white;
  padding: 0px 11px;
  border-radius: 12px 12px 12px 0px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px;
  align-self: flex-start;
  margin-top: -43px;
  z-index: 9;
}

.blog-card-excerpt {
  color: #666;
  line-height: 1.6;
  margin-bottom: 20px;
  flex-grow: 1;
}

.blog-card-footer {
  margin-top: auto;
}

.blog-read-more {
  color: #ff9500;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: color 0.3s ease;
}

.blog-read-more:hover {
  color: #e68500;
  text-decoration: underline;
}

.no-posts {
  text-align: center;
  color: #666;
  font-style: italic;
  grid-column: 1 / -1;
}

#loading-spinner {
  text-align: center;
  color: #666;
  margin: 20px 0;
}

@media (min-width: 981px) {
  .blog-card {
    max-width: 366px;
  }
}

@media (max-width: 1250px) {
  .blog-grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}

@media (max-width: 980px) {
  .blog-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  /* .blog-filter-buttons {
                flex-direction: column;
                align-items: center;
            } */

  /* .filter-btn {
                width: 200px;
            } */

  .blog-card-content {
    padding: 20px;
  }
}