.elementor-816 .elementor-element.elementor-element-727930a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-816 .elementor-element.elementor-element-727930a:not(.elementor-motion-effects-element-type-background), .elementor-816 .elementor-element.elementor-element-727930a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.athlete360.be/wp-content/uploads/2025/05/Group-21.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-816 .elementor-element.elementor-element-d3bf9d3{--display:flex;--min-height:45vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-816 .elementor-element.elementor-element-571fc6c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-816 .elementor-element.elementor-element-571fc6c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-816 .elementor-element.elementor-element-6f606d2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-816 .elementor-element.elementor-element-396bbbd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-816 .elementor-element.elementor-element-396bbbd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-816 .elementor-element.elementor-element-78dbe14{width:initial;max-width:initial;}.elementor-816 .elementor-element.elementor-element-78dbe14.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-816 .elementor-element.elementor-element-476ff33{width:auto;max-width:auto;}.elementor-816 .elementor-element.elementor-element-476ff33.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-816 .elementor-element.elementor-element-476ff33 .elementor-heading-title{font-family:"Rethink Sans", Sans-serif;font-size:1.5rem;font-weight:700;}.elementor-816 .elementor-element.elementor-element-246ff1a .pop360-event-title-widget{align-items:flex-start;}.elementor-816 .elementor-element.elementor-element-246ff1a .pop360-event-title-text{font-family:"Rethink Sans", Sans-serif;font-size:2.5rem;font-weight:800;color:#000000;}.elementor-816 .elementor-element.elementor-element-246ff1a .pop360-event-title-id{color:#888888;margin-top:8px;}.elementor-816 .elementor-element.elementor-element-a9a74e1 .pop360-content-main-image-widget{display:flex;justify-content:center;}.elementor-816 .elementor-element.elementor-element-a9a74e1 .pop360-content-main-image-widget img{width:100%;object-fit:cover;border-radius:16px;}.elementor-816 .elementor-element.elementor-element-4eaefd2{--display:flex;}.elementor-816 .elementor-element.elementor-element-c46a13f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-816 .elementor-element.elementor-element-281850c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-816 .elementor-element.elementor-element-281850c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-816 .elementor-element.elementor-element-654bc6e{width:var( --container-widget-width, 67.62% );max-width:67.62%;--container-widget-width:67.62%;--container-widget-flex-grow:0;}.elementor-816 .elementor-element.elementor-element-654bc6e > .elementor-widget-container{background-color:var( --e-global-color-secondary );border-radius:2em 2em 2em 2em;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);}.elementor-816 .elementor-element.elementor-element-654bc6e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-816 .elementor-element.elementor-element-654bc6e .pop360-main-content{text-align:left;padding:5% 5% 5% 5%;}.elementor-816 .elementor-element.elementor-element-42ab3c2{--display:flex;}@media(max-width:1024px){.elementor-816 .elementor-element.elementor-element-281850c{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-816 .elementor-element.elementor-element-654bc6e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(max-width:767px){.elementor-816 .elementor-element.elementor-element-727930a{--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}.elementor-816 .elementor-element.elementor-element-d3bf9d3{--min-height:0vh;--padding-top:2em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-816 .elementor-element.elementor-element-396bbbd{--width:60%;}.elementor-816 .elementor-element.elementor-element-476ff33 .elementor-heading-title{font-size:1rem;}.elementor-816 .elementor-element.elementor-element-246ff1a .pop360-event-title-text{font-size:1.5rem;}.elementor-816 .elementor-element.elementor-element-a9a74e1 .pop360-content-main-image-widget img{width:96%;}.elementor-816 .elementor-element.elementor-element-281850c{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-816 .elementor-element.elementor-element-654bc6e > .elementor-widget-container{padding:0em 1em 0em 1em;}.elementor-816 .elementor-element.elementor-element-654bc6e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-816 .elementor-element.elementor-element-654bc6e .pop360-main-content{padding:5% 5% 5% 5%;}}@media(min-width:768px){.elementor-816 .elementor-element.elementor-element-727930a{--width:80%;}.elementor-816 .elementor-element.elementor-element-d3bf9d3{--width:100%;}.elementor-816 .elementor-element.elementor-element-571fc6c{--width:62%;}.elementor-816 .elementor-element.elementor-element-6f606d2{--width:100%;}.elementor-816 .elementor-element.elementor-element-4eaefd2{--content-width:80%;}.elementor-816 .elementor-element.elementor-element-281850c{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-816 .elementor-element.elementor-element-4eaefd2{--content-width:90%;}}/* Start custom CSS for html, class: .elementor-element-78dbe14 *//* Cirkelcontainer */
  .circle {
    width: 35px;
    height: 35px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

  }

  /* Gradient-ring (pseudo-element) */
  .circle::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    padding: 3px;                         /* dikte ring */
    background: conic-gradient(
      from 0deg,
      #e57373 0deg,
      #7986ff 180deg,
      #e57373 360deg
    );
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;       /* Firefox */
    pointer-events: none;
    animation: spin 6s linear infinite;    /* animatie */
  }

  /* Animatie draait de pseudo-element-ring */
  @keyframes spin {
    to { transform: rotate(1turn); }
  }

  /* Zodat inhoud bovenop ring komt */
  .circle > * {
    position: relative;
    z-index: 1;
  }

  /* Rode bol */
  .dot-red {
    position: absolute;
    left: 8px;
    bottom: 8px;
    width: 12px;
    height: 12px;
    background: #ff6f6f;
    border-radius: 50%;
    opacity: 0.9;
  }

  /* Blauwe bol */
  .dot-blue {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 12px;
    height: 12px;
    background: #5c6cff;
    border-radius: 50%;
    opacity: 0.9;
  }/* End custom CSS */