/* Icon colour */
.ql-icon.icon-primary svg path,
.ql-icon.icon-primary svg ellipse,
.ql-icon.icon-primary svg circle,
.ql-icon.icon-primary svg rect {
  fill: #2F532C;
}
.ql-icon.icon-secondary svg path,
.ql-icon.icon-secondary svg ellipse,
.ql-icon.icon-secondary svg circle,
.ql-icon.icon-secondary svg rect {
  fill: #EB5939;
}
.ql-icon.icon-white svg path,
.ql-icon.icon-white svg ellipse,
.ql-icon.icon-white svg circle,
.ql-icon.icon-white svg rect {
  fill: #FFF;
}
.ql-icon.icon-black svg path,
.ql-icon.icon-black svg ellipse,
.ql-icon.icon-black svg circle,
.ql-icon.icon-black svg rect {
  fill: #2C3341;
}

/* Icon size */
.ql-icon.x-small,
.ql-icon.x-small svg {
  width: 20px;
  height: 20px;
}

.ql-icon.small,
.ql-icon.small svg {
  width: 30px;
  height: 30px;
}

.ql-icon.medium,
.ql-icon.medium svg {
  width: 45px;
  height: 45px;
}

.ql-icon.large,
.ql-icon.large svg {
  width: 60px;
  height: 60px;
}

.ql-icon.huge,
.ql-icon.huge svg {
  width: 75px;
  height: 75px;
}

.ql-icon.is-border-icon {
  margin-bottom: 0;
}

.ql-icon.is-border-icon,
.ql-icon.is-border-icon svg {
  width: 50px !important;
  height: 50px !important;
}

/* Editor styles */
.ql-icon,
.edit-post-visual-editor
  .editor-styles-wrapper
  .wp-block[data-type="acf/icon"] {
  margin-bottom: 18px;
}

.edit-post-visual-editor
  .editor-styles-wrapper
  .ql-icon.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}