.elementor-kit-319{--e-global-color-primary:#3296DE;--e-global-color-secondary:#333333;--e-global-color-text:#7A7A7A;--e-global-color-accent:#81EC2D;--e-global-color-585c4c6:#52174F;--e-global-color-fa3c52a:#DF223C;--e-global-color-b4925d7:#F83185;--e-global-color-ae1acbc:#FFE000;--e-global-color-5189a77:#70B632;--e-global-color-7708d25:#FFFFFF;--e-global-typography-primary-font-family:"Raleway";--e-global-typography-primary-font-weight:900;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Raleway";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-319 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Deze CSS is voor de ronde foto's met gestreepte lijn erom heen */

.striped-rounded-image {
  --n: 32;   /* control the number of dashes */
  --d: 8deg; /* control the distance between dashes */
  --t: 1.5px;  /* control the thickness of border*/
  --c: black;  /* control the coloration (can be a gradient) */
  
  width: 90%;
  aspect-ratio: 1;
  position: relative;
}
.striped-rounded-image img {
    border-radius: 50%;
}
.striped-rounded-image::after {
  content: "";
  position: absolute;
  inset: -20px;
  border-radius: 50%;
  padding: var(--t);
  background: var(--c);
  mask:
      linear-gradient(#0000 0 0) content-box,
      repeating-conic-gradient(
         from calc(var(--d)/2),
         #000  0 calc(360deg/var(--n) - var(--d)),
         #0000 0 calc(360deg/var(--n))
       );
  mask-composite: intersect;
}

.striped-rounded-image-pink::after {
    background: #F83185;
}

.striped-rounded-image-blue::after {
    background: #3296DE;
}

.thick-border-rounded-image img {
    border-radius: 50%;
    border-color: yellow;
    border-width: 10px;
}
    
.thick-border-rounded-image-yellow {
    content: "";
    border-radius: 50%;
    border: 7px solid #ffe000;
}


/**
 * Gestreepte buttons/links
 */

.adwuma-animated-dash {
    
    --bt:  4px; /* Border thickness */
    --dl: 20px; /* Dash length */
    --c:  black; /* Border colour */

  background: linear-gradient(90deg,  var(--c) 50%, transparent 50%), linear-gradient(90deg, var(--c) 50%, transparent 50%), linear-gradient(0deg,  var(--c) 50%, transparent 50%), linear-gradient(0deg, var(--c) 50%, transparent 50%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: var(--dl) var(--bt), var(--dl) var(--bt), var(--bt) var(--dl), var(--bt) var(--dl);
  background-position: 0px 0px, 100% 100%, 0px 100%, 100% 0px;
}

.adwuma-animated-dash-pink { --c: #F83185; }
.adwuma-animated-dash-green { --c: #81EC2D; }
.adwuma-animated-dash-purple { --c: #52174f; }
.adwuma-animated-dash-blue { --c: #3196de; }


@keyframes adwuma-animated-dash-animation {
  from {
    background-position: 0px 0px, 100% 100%, 0px 100%, 100% 0px;
  }

  to {
    background-position: 100% 0px, 0px 100%, 0px 0px, 100% 100%;
  }
}

.adwuma-animated-dash:hover{
  animation-duration: 4s;
  animation-name: adwuma-animated-dash-animation;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  
 font-size: 110%;
}/* End custom CSS */