@import "../mixins/less/mixins";

.widget-function('import_google_font');

@gap: 0;
@icon: right;
@title-bg: transparent;
@cont-bg: transparent;
@title: #333;
@icon-open: #333;
@icon-close: #333;
@title-h: #666;
@title-h-bg: transparent;
@title-font-fly: default;
@title-font-wt: normal;
@title-size: '';

.iw-so-accordion .iw-so-acc-item {
  .gap() when (@gap =1) {
    margin-bottom: 12px;
  }

  .gap();

  .iw-so-acc-title {
    background: @title-bg;
    color: @title;
    .font(@title-font-fly, @title-font-wt);
    font-size: @title-size;

    .icon-padding() when (@icon =right) {
      padding-right: 3.5em;
    }

    .icon-padding() when (@icon =left) {
      padding-left: 3.5em;
    }

    .icon-padding();

    &:hover {
      background: @title-h-bg;
      color: @title-h;
    }

    span {
      .icon-pos() when (@icon =right) {
        right: 7px;
      }

      .icon-pos() when (@icon =left) {
        left: 7px;
      }

      .icon-pos();
    }

    .iw-so-tgl-close {
      color: @icon-close;
    }

    .iw-so-tgl-open {
      color: @icon-open;
    }
  }

  .iw-so-acc-content {
    background: @cont-bg;
  }
}