.mt-polls {
  // Green
  .mt-poll:not(.mt-poll__editing).mt-poll--green {

    background-image: linear-gradient(45deg, #45B649 0%, #DCE35B 100%);

    .mt-poll-view__buttons li {
      color: #13450F;
    }

    h3 {
      color: #13450F;
    }

    .bar-button__progress {
      background: white;
      opacity: 0.6;

      //z-index: 9999;
    }

    .bar-button__background {
      background: white;
      //opacity: 0.4;
    }

    .bar-button__progress--lead {
      background: white;
      opacity: 1;
    }

    .bar-button:hover {
      .bar-button__background {
        background: rgba(255, 255, 255, 0.70);

      }

      .bar-button__icon {
        svg {
          path {
            fill: #13450F;
          }
        }
      }
    }

    .mt-poll-view__bars--results {
      .bar-button__background {
        background: rgba(255, 255, 255, 0.70);
      }
    }

  }

  // White
  .mt-poll:not(.mt-poll__editing).mt-poll--white {
    .bar-button__progress {
      background: #DCE2E6;
    }

    .bar-button__progress--lead {
      background: #93D2FF;

      opacity: 1;
    }

    .bar-button__background {
      background: #DCE2E6;
    }

    .bar-button:hover {
      .bar-button__background {
        background: #EEF1F3;
      }

    }

    .mt-poll-view__bars--results {
      .bar-button__background {
        background: #EEF1F3;
      }

      .bar-button:hover {
        .bar-button__background {
          background: #EEF1F3;
        }
      }
    }

  }

  // Black
  .mt-poll:not(.mt-poll__editing).mt-poll--black {

    background: #384049;

    h3, .mt-poll-view__buttons li, .bar-button__label, .bar-button__percentage {
      color: white;
    }
    .bar-button__icon--selected svg path {
      fill: white;
    }

    .bar-button__background {
      background: #6F757B;
    }

    .bar-button__progress {
      background: #6F757B;
    }

    .bar-button__progress--lead {
      background: #3091FF;

      opacity: 1;
    }

    .bar-button:hover {
      .bar-button__background {
        background: #4C535B;
      }

      .bar-button__icon {
        svg {
          path {
            fill: white;
          }
        }
      }
    }

    .mt-poll-view__bars--results {
      .bar-button__background {
        background: #4C535B;
      }

      .bar-button:hover {
        .bar-button__background {
          background: #4C535B;
        }
      }
    }

  }

  // Pink
  .mt-poll:not(.mt-poll__editing).mt-poll--pink {

    background-image: linear-gradient(-135deg, #B5FFFF 0%, #FCA5F1 100%);

    h3, .mt-poll-view__buttons li, .bar-button__label, .bar-button__percentage {
      color: #49224C;
    }

    .bar-button__progress {
      background: white;
      opacity: 0.6;

      //z-index: 9999;
    }

    .bar-button__background {
      background: white;
      //opacity: 0.4;
    }

    .bar-button__progress--lead {
      background: white;
      opacity: 1;
    }

    .bar-button:hover {
      .bar-button__background {
        background: rgba(255, 255, 255, 0.70);

      }

      .bar-button__icon {
        svg {
          path {
            fill: #49224C;
          }
        }
      }
    }

    .mt-poll-view__bars--results {
      .bar-button__background {
        background: rgba(255, 255, 255, 0.70);
      }
    }

  }

  // Orange
  .mt-poll:not(.mt-poll__editing).mt-poll--orange {

    background-image: linear-gradient(-134deg, #FEE140 0%, #FA709A 100%);
    h3, .mt-poll-view__buttons li, .bar-button__label, .bar-button__percentage {
      color: #701729;
    }

    .bar-button__progress {
      background: white;
      opacity: 0.6;

      //z-index: 9999;
    }

    .bar-button__background {
      background: white;
      //opacity: 0.4;
    }

    .bar-button__progress--lead {
      background: white;
      opacity: 1;
    }

    .bar-button:hover {
      .bar-button__background {
        background: rgba(255, 255, 255, 0.70);

      }

      .bar-button__icon {
        svg {
          path {
            fill: #701729;
          }
        }
      }
    }

    .mt-poll-view__bars--results {
      .bar-button__background {
        background: rgba(255, 255, 255, 0.70);
      }
    }

  }

  // Blue
  .mt-poll:not(.mt-poll__editing).mt-poll--blue {

    background-image: linear-gradient(-134deg, #00F2FE 0%, #4FACFE 100%);
    h3, .mt-poll-view__buttons li, .bar-button__label, .bar-button__percentage {
      color: #123366;
    }

    .bar-button__progress {
      background: white;
      opacity: 0.6;

      //z-index: 9999;
    }

    .bar-button__background {
      background: white;
      //opacity: 0.4;
    }

    .bar-button__progress--lead {
      background: white;
      opacity: 1;
    }

    .bar-button:hover {
      .bar-button__background {
        background: rgba(255, 255, 255, 0.70);

      }

      .bar-button__icon {
        svg {
          path {
            fill: #123366;
          }
        }
      }
    }

    .mt-poll-view__bars--results {
      .bar-button__background {
        background: rgba(255, 255, 255, 0.70);
      }
    }

  }

}