:root {
  --logo-color-1: #cc0033;
  --logo-color-2: #5E6A71;

  .logo--fitch-solutions {
    --logo-color-2: #174174;
    --logo-color-3: #456790;
    --logo-color-4: #8ba0b9;
    --logo-color-5: #5d7a9e;
    --logo-color-6: #a2b3c7;
  }
  .logo--fitch-solutions-2024 {
    --logo-color-2: #174174;
    --logo-color-3: #2d374e;
    --logo-color-4: #3a5d89;
    --logo-color-5: #2a8abf;
    --logo-color-6: #33ccff;
  }
  .logo--fitch-learning {
    --logo-color-2: #3B265E;
  }
  .logo--fitch-learning-2024 {
    --logo-color-1: #cc0033;
    --logo-color-2: #174174;
    --logo-color-3: #2a8abf;
  }

  .logo--fitch-bohua {
    --logo-color-2: #1A6BB4;
    --logo-color-3: #dde3f2;

    &-swirl {
      --logo-opacity: 1;
    }
  }
  .logo--sustainable-fitch {
    --logo-color-3: #0BB29B;
  }
  .logo--fitch-ventures {
    --logo-color-2: #0097CE;
  }

  .logo--bmi,
  .logo--bmi-40 {
    --logo-color-1: #174174;
    --logo-color-2: #2A8ABF;
  }
  .logo--capital-structure {
    --logo-color-1: #000000;
    --logo-color-2: #76777A;
    --logo-color-3: #EA0029;
    --logo-color-4: var(--white);
  }
  .logo--covenant-review {
    --logo-color-1: #174174;
    --logo-color-2: #2A8ABF;
  }
  .logo--credit-sights {
    --logo-color-1: #2d374e;
    --logo-color-2: #174174;
    --logo-color-3: #2a8abf;
    --logo-color-4: #33ccff;
    --logo-color-5: #c9c8cd;
  }
  .logo--dv01 {
    --logo-color-1: #231f20;
    --logo-color-2: #2c5b91;
    --logo-color-3: #2a8abf;
    --logo-color-4: #64adda;
    --logo-color-5: #c7f7fe;
  }
  .logo--fitch-ratings-research-and-data {
    --logo-color-3: #2a8abf;
  }
  .logo--geoquant {
      --logo-color-1: #2A8ABF;
      --logo-color-2: #174174;
  }
  .logo--gicp {
      --logo-color-1: #323E48;
      --logo-color-2: #0071CE;
  }
  .logo--levfin-insights {    
    --logo-color-1: #174174;
    --logo-color-2: #2A8ABF;
  }
  .logo--pacermonitor {
    --logo-color-1: #174174;
    --logo-color-2: #2A8ABF;
  }
  .logo--inverted,
  .logo--white {
    --logo-color-1: var(--white);
    --logo-color-2: var(--white);
    --logo-color-3: var(--white);
    --logo-color-4: var(--white);
    --logo-color-5: var(--white);
    --logo-color-6: var(--white);
  }
  .logo--black {
    --logo-color-1: var(--black);
    --logo-color-2: var(--black);
    --logo-color-3: var(--black);
    --logo-color-4: var(--black);
    --logo-color-5: var(--black);
    --logo-color-6: var(--black);
  }
}

.logo__wrapper {
  margin-top: 1.6rem;
  display: inline-block;

  .logo {
    margin: 0;
  }
}

.logo__block .logo {
  width: 100%;
  height: auto;
  padding: var(--spacing-4) 0;

  img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: contain;
    display: block;
  }
}

.logo {
  *[class|="logo-"] {
    transition: fill 360ms ease;
  }
  &--color-1 {fill: var(--logo-color-1);}
  &--color-2 {fill: var(--logo-color-2);}

  &--fitch-solutions {
    .logo--color-2 {fill: var(--logo-color-2);}
    .logo--color-3 {fill: var(--logo-color-3);}
    .logo--color-4 {fill: var(--logo-color-4);}
    .logo--color-5 {fill: var(--logo-color-5);}
    .logo--color-6 {fill: var(--logo-color-6);}
  }
  &--fitch-solutions-2024 {
    .logo--color-2 {fill: var(--logo-color-2);}
    .logo--color-3 {fill: var(--logo-color-3);}
    .logo--color-4 {fill: var(--logo-color-4);}
    .logo--color-5 {fill: var(--logo-color-5);}
    .logo--color-6 {fill: var(--logo-color-6);}
  }
  &--fitch-learning {
    .logo--color-2 {fill: var(--logo-color-2);}
  }
  &--fitch-learning-2024 {
    .cls-1 {
      clip-path: url(#clippath);
    }
    .cls-3 {
      fill: url(#linear-gradient);
    }
    .cls-8 {
      clip-path: url(#clippath-1);
    }
    .cls-5 {
      fill: url(#linear-gradient-2);
    }
    .logo--color-1 {fill: var(--logo-color-1);}
    .logo--color-2 {fill: var(--logo-color-2);}
    .logo--color-3 {fill: var(--logo-color-3);}
  }
  &--fitch-bohua {    
    &-swirl {
      fill-opacity: var(--logo-opacity);
    }

    .logo--color-2 {fill: var(--logo-color-2);}
    .logo--color-3 {fill: var(--logo-color-3);}
  }
  &--sustainable-fitch {     
    .logo--color-3 {fill: var(--logo-color-3);}
  }
  &--fitch-ventures {
    .logo--color-2 {fill: var(--logo-color-2);}
  }  

  &--bmi,
  &--bmi-40 {    
    .logo--color-1 {fill: var(--logo-color-1);}
    .logo--color-2 {fill: var(--logo-color-2);}
  }
  &--bmi-40 { 
    .st2{fill:url(#SVGID_1_);}
    .st3{fill:url(#SVGID_00000106861278455207923120000002954000285353841024_);}
    .st4{fill:#B8B8B8;}
        
    --lg-1: #2A8ABF;
    --lg-2: #174174;		
  }

  &--capital-structure {
    .logo--color-1 {fill: var(--logo-color-1);}
    .logo--color-2 {fill: var(--logo-color-2);}
    .logo--color-3 {fill: var(--logo-color-3);}
    .logo--color-4 {fill: var(--logo-color-4);}
  }
  &--covenant-review {
    .logo--color-1 {fill: var(--logo-color-1);}
    .logo--color-2 {fill: var(--logo-color-2);}
  }
  &--credit-sights {
    .logo--color-1 {fill: var(--logo-color-1);}
    .logo--color-2 {fill: var(--logo-color-2);}
    .logo--color-3 {fill: var(--logo-color-3);}
    .logo--color-4 {fill: var(--logo-color-4);}
    .logo--color-5 {fill: var(--logo-color-5);}
  }
  &--dv01 {
    .logo--color-1 {fill: var(--logo-color-1);}
    .logo--color-2 {fill: var(--logo-color-2);}
    .logo--color-3 {fill: var(--logo-color-3);}
    .logo--color-4 {fill: var(--logo-color-4);}
    .logo--color-5 {fill: var(--logo-color-5);}
  }
  &--fitch-ratings-research-and-data {
    .logo--color-3 {fill: var(--logo-color-3);}
  }
  &--geoquant {
    .logo--color-1 {fill: var(--logo-color-1);}
    .logo--color-2 {fill: var(--logo-color-2);}
  }
  &--gicp {
    .logo--color-1 {fill: var(--logo-color-1);}
    .logo--color-2 {fill: var(--logo-color-2);}    
  }
  &--levfin-insights {
    .logo--color-1 {fill: var(--logo-color-1);}
    .logo--color-2 {fill: var(--logo-color-2);}
  }
  &--pacermonitor {
    .logo--color-1 {fill: var(--logo-color-1);}
    .logo--color-2 {fill: var(--logo-color-2);}
  }  
}

@media only screen {
  .header--inverted {
    .header {
      .logo {
        [class|='logo--color'] {
          fill: var(--white);
        }
      }
    }
  }  
  .logo--white {
    [class|='logo--color'] {
      fill: var(--white);
    }
  }
  .logo--black {
    [class|='logo--color'] {
      fill: var(--black);
    }
  }
}

@include mq-768 {
  .logo__wrapper {
    margin-top: var(--spacing-2);
    transform: scale(0.9);
    transform-origin: left center;
  }
}
@include mq-480 {
  .logo__wrapper {
    position: relative;
    top: 6px;
    margin-top: 0;
    transform: scale(0.7);
  }
}
@include print {
  .header--inverted .logo {
    .logo--color-1 {
      fill: var(--logo-color-1);
    }
    .logo--color-2 {
      fill: var(--logo-color-2);
    }
  }
}
[data-theme="dark"] {
  .logo {
    --logo-color-1: var(--white);
    --logo-color-2: var(--white);
    --logo-color-3: var(--white);
    --logo-color-4: var(--white);
    --logo-color-5: var(--white);
    --logo-color-6: var(--white);

    &--bmi-40 {
      .st4 {
        fill:#ffffff;
      }
      --lg-1: #ffffff;
      --lg-2: #888888;
    }

    &--bohua-swirl {
      --logo-opacity: 0.36;
    }

    &--credit-sights {
      [class|="logo-color"] {
        fill: white;
      }
      .logo--opacity-2 {
        fill-opacity: 0.85;
      }

      .logo--opacity-3 {
        fill-opacity: 0.7;
      }

      .logo--opacity-4 {
        fill-opacity: 0.5;
      }

      .logo--opacity-5 {
        fill-opacity: 0.35;
      }      
    }

    &--dv01 {
      [class|="logo--color"] {
        fill: #ffffff;
      }
      .logo--opacity-1 {
        fill-opacity: 0.8;
      }
      .logo--opacity-2 {
        fill-opacity: 0;
      }
    }

    &--fitch-learning-2024 {
      [class|="logo-color"] {
        fill: #ffffff;
      }
      .logo--opacity-2 {
        fill-opacity: 0.95;
      }
      .logo--opacity-3 {
        fill-opacity: 0.45;
      }
    }

    &-fitch-solutions-2024 {
      .logo--opacity-2 {
        fill-opacity: .85;
      }
      .logo--opacity-3 {
        fill-opacity: .70;
      }
      .logo--opacity-4 {
        fill-opacity: .50;
      }
      .logo--opacity-6 {
        fill-opacity: .35;
      }
      [className|="logo--color"] {
        fill: white;
      }
    }

  }
}