#ds_icon_expansion-settings {
  margin-bottom : 50px;
  }

#ds_icon_expansion-settings {
  color                   : $fontColor;
  font-family             : $fontGeneral;
  font-weight             : $fontColor;
  line-height             : $lineHeight;
  font-size               : $fontSize;
  -webkit-font-smoothing  : antialiased;
  -moz-osx-font-smoothing : grayscale;

  h1, h2, h3, h4, h5, h6 {
    @include heading;
    }

  h1 {
    @include headingH1;
    }

  h2 {
    @include headingH2;
    }

  h3 {
    @include headingH3;
    }

  h4 {
    @include headingH4;
    }

  h5 {
    @include headingH5;
    }

  img {
    max-width : 100%;
    }

  p {
    margin-top     : 0;
    margin-bottom  : 1em;
    padding-bottom : 0;
    font-weight    : $fontColor;
    font-size      : $fontSize;
    line-height    : $lineHeight;

    &:last-of-type {
      margin-bottom : 0;
      }
    }

  a.agsdi_icons_delete {
    color: $danger
  }

  a {
    color           : $seaGreen;
    text-decoration : none;
    box-shadow      : none;
    outline         : none;

    &:focus {
      outline    : none;
      box-shadow : none;
      }

    &:hover, &:focus {
      color : $seaGreenDark;
      }
    }

  // Buttons
  .ds_icon_button, .ds_icon_button-primary, .ds_icon_button-secondary {
    @include button;
    @include sizeButtonMixin(medium);
    }

  .ds_icon_button, .ds_icon_button-primary {
    @include colorButtonMixin(primary);
    }

  .ds_icon_button-secondary {
    @include colorButtonMixin(purple);
    }
  
  // Spacing
  .agsdi-ml-30 {
    margin-left : 30px;
    }

  .agsdi-mt-30 {
    margin-top : 30px;
    }

  .agsdi-mb-30 {
    margin-bottom : 30px;
    }

  .agsdi-ml-25 {
    margin-left : 25px;
    }

  .agsdi-mt-25 {
    margin-top : 25px;
    }

  .agsdi-mb-25 {
    margin-bottom : 25px;
    }

  .agsdi-mt-15 {
    margin-top : 15px;
    }

  .agsdi-mb-15 {
    margin-bottom : 15px;
    }

  .agsdi-mt-10 {
    margin-top : 10px;
    }

  .agsdi-mb-10 {
    margin-bottom : 10px;
    }

  .agsdi-mt-5 {
    margin-top : 5px;
    }

  .agsdi-mb-5 {
    margin-bottom : 5px;
    }
  }

#ds_icon_expansion-settings-container {
  width  : 98%;
  margin : 20px auto;

  @media (max-width : $breakSmall) {
    width : 90%;
    }
  }