/* 
Theme Name: NUHR Uitzend
Description: Thema voor Nuhruitzend.nl
Author: Dot Circle
Author URI: https://www.dotcircle.nl
Template: hello-elementor
Version: 1.0
Text Domain: hello-elementor-child
*/

/* Algemeen */
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; scroll-behavior: smooth; overflow-x: hidden; }
html body * { transition: .5s; }

/* Diensten */
.diensten-lijst ul {
  padding-left: 0;
  margin: 0;
}

.diensten-lijst ul li {
  display: flex;
  align-items: center;
  font-family: "Titillium Web", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #008FD1;
  list-style: none;
  border-bottom: 1px solid #008FD136;
  line-height: 50px;
}

.diensten-lijst ul li:last-child { border: 0px !important; }
.diensten-lijst ul li a { color: #008FD1; text-decoration: none; }

.diensten-lijst ul li::before {
  content: "\f0a9";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 24px;
  color: #EBA62D;
  margin-right: 10px;
  flex-shrink: 0;
  display: inline-block;
  line-height: 1;
  transition: color 0.2s ease, transform 0.2s ease;
}

.diensten-lijst li:hover::before { transform: translateX(3px); }

/* USP's in header */
.features-marquee {
  position: relative;
  overflow: hidden;
  /* zachte fade aan de randen */
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
          mask-image: linear-gradient(to right, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
  background: transparent;
  padding: 8px 0;
}

.features-marquee .marquee-track {
  display: inline-flex;
  align-items: center;
  gap: 2rem;
  white-space: nowrap;
  will-change: transform;
  animation: marquee-scroll 22s linear infinite;
}

.features-marquee .item {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-size: 16px;
  line-height: 1;
  color: #7DA5BC; 
}

.features-marquee .item .mdi {
  font-size: 1.1em;
  color: #7DA5BC; 
}

@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .features-marquee .marquee-track { animation: none; }
}


/* Formulier */
.elementor-widget-form input { max-width: 100%; }


/* Footer */
.dotcircle img {  mix-blend-mode: screen; filter: brightness(0) invert(1); }
.dotcircle a:before { content: 'Wordpress website door Dot Circle'; font-family: "Titillium Web", Sans-serif; font-size: 14px; font-weight: 400; opacity: 0;     -webkit-transition: all 200ms;     transition: all ease-in-out 200ms; color: #242424 !important; right: 0px; position: relative; color: #ffffff !important; font-size: 18px; }
.dotcircle a:hover:before { opacity: 1; right: 10px; }

/* Mobiele aanpassingen */

/* Desktop: 1281px of hoger */
@media (min-width: 1281px) { }

/* Desktop en laptops: 1025px tot 1280px */
@media (min-width: 1025px) and (max-width: 1280px) { }

/* Tablet en Ipads in portret mode: 768px tot 1024px */
@media (min-width: 768px) and (max-width: 1024px) {  }

/* Tablets en Ipads in landscape mode: 768px tot 1024px */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { 
}

/* Lage resolutie tablets en telefoons in landscape mode: 481px to 767px */
@media (min-width: 481px) and (max-width: 767px) { 

}

/* De meeste telefoons: 320px to 479px */
@media (min-width: 320px) and (max-width: 480px) { 

}