@keyframes pulsate {
    0% { opacity: 1; }
    100% { opacity: 0.2; }
  }

  .network-infographic {
    position: relative;
    width: 100%;
    height: calc(800 * var(--base-unit));
    max-width: 1440px;
    margin: 0 auto;
  }
  
  .module-network figcaption {
    padding: 0 var(--page-padding-left);
  }
  
  .network-infographic > div {
    position: absolute;
    pointer-events: none;
    transition: opacity 1000ms var(--ttf);
  }
  
  .network-infographic.locked > div * {
    pointer-events: none !important;
  }
  
  .network-infographic > div.inactive {
    opacity: 0.2;
  }
  
  .network-infographic > div.active .arrow,
  .network-infographic > div.active .copy {
    animation: pulsate infinite .45s alternate;
  }
  
  .network-infographic > div svg {
    display: block;
    width: 100%;
    height: auto;
    pointer-events: none;
  }
  
  .network-infographic > div:not(.static) svg path,
  .network-infographic > div:not(.static) svg polygon,
  .network-infographic > div:not(.static) svg polyline {
    pointer-events: all;
    cursor: pointer;
  }
  
  .network-infographic > div:not(.static) svg .copy,
  .network-infographic > div:not(.static) svg .copy *,
  .network-infographic > div:not(.static) svg .arrow, 
  .network-infographic > div:not(.static) svg .arrow * {
    pointer-events: none !important;
    cursor: default !important;
  }
  
  .network-infographic div[data-id="national-committees"] {
    top: calc(77 * var(--base-unit));
    left: calc(50 * var(--base-unit));
    width: calc(807 * var(--base-unit));
    z-index: 1;
  }
  
  .network-infographic div[data-id="board"] {
    top: calc(105 * var(--base-unit));
    left: calc(801 * var(--base-unit));
    width: calc(395 * var(--base-unit));
  }
  
  .network-infographic div[data-id="international-office"] {
    top: calc(81 * var(--base-unit));
    left: calc(614 * var(--base-unit));
    width: calc(717 * var(--base-unit));
  }
  
  .network-infographic div[data-id="governing-body"] {
    top: calc(448 * var(--base-unit));
    left: calc(651 * var(--base-unit));
    width: calc(604 * var(--base-unit));
    z-index: 3;
  }
  
  .network-infographic div[data-id="active-members"] {
    top: calc(401 * var(--base-unit));
    left: calc(152 * var(--base-unit));
    width: calc(671 * var(--base-unit));
    z-index: 3;
  }
  
  .network-infographic div[data-id="working-groups"] {
    top: calc(500 * var(--base-unit));
    left: calc(570 * var(--base-unit));
    width: calc(103 * var(--base-unit));
    z-index: 2;
  }
  
  .network-infographic div[data-id="schwarzkopf-foundation"] {
    top: calc(559 * var(--base-unit));
    left: calc(1220 * var(--base-unit));
    width: calc(171 * var(--base-unit));
  }
  
  
  
  .module-network .module-wrap {
    max-width: 1440px; 
    margin: 0 auto;
    position: relative;
  }
  
  .network-item {
    position: absolute;
    top: calc(46 * var(--base-unit));
    left: calc(62 * var(--base-unit));
    z-index: 10;
  }
  
  .network-item {
    color: #fff;
  }
  
  .network-item[data-id="national-committees"] {
    color: #394390;
    left: auto;
    right: calc(62 * var(--base-unit));
  } 
  
  .network-item[data-id="board"] {
    --background: #73b6e5;
  }
  
  .network-item[data-id="international-office"] {
    --background: #394692;
  }
  
  .network-item[data-id="governing-body"] {
    --background: #20b2c3;
  }
  
  .network-item[data-id="active-members"] {
    --background: #253746;
  }
  
  .network-item[data-id="national-committees"] {
    --background: #fed700;
  }
  
  .network-item .headline {
    margin-bottom: .76190476190476190476em;
  }
  
  
  
  
  
  
  @media (max-width: 900px) {
    
    .eyp-map-countries article, .network-item {
      width: 320px;
      padding: 35px 30px 35px 45px;
    }
    
    .btn-close-country-details, .btn-close-network-item {
      top: 35px;
      right: 20px;
    }
    
  }
  
  
  
  
  
  
  @media (max-width: 500px) {
    
    .network-item::after {
      display: none;
    }
    
    .network-item {
      background: var(--background);
      padding: calc(var(--page-padding-left) * 1.5) var(--page-padding-left);
      width: auto;
      left: var(--page-padding-left);
      right: var(--page-padding-right);
      top: 100%;
    }
    
    .btn-close-network-item {
      top: 25px;
      right: 15px;
    }
    
    .module-network + .module {
      transition: opacity .5s;
    }
    
    .module-network.has-active-overlay + .module {
      opacity: .2;
    }
    
  }