.$_el .x-graphic {
  @unless $graphic_margin?? {
    margin: $graphic_margin;
  }
}




@if $graphic_type === 'icon' {

  .$_el .x-graphic-icon {
    width: $graphic_icon_width;
    @unless $graphic_icon_border_width?? || $graphic_icon_border_style?? {
      border-width: $graphic_icon_border_width;
      border-style: $graphic_icon_border_style;
      border-color: $graphic_icon_border_color;
    }
    @unless $graphic_icon_border_radius?? {
      border-radius: $graphic_icon_border_radius;
    }
    @if $graphic_icon_height !== 'auto' {
      height: $graphic_icon_height;
      line-height: $graphic_icon_height;
    }
    font-size: $graphic_icon_font_size;
    @unless $graphic_icon_text_shadow_dimensions?? {
      @if $graphic_icon_text_shadow_color === 'transparent' {
        text-shadow: none;
      }
      @if $graphic_icon_text_shadow_color !== 'transparent' {
        text-shadow: $graphic_icon_text_shadow_dimensions $graphic_icon_text_shadow_color;
      }
    }
    color: $graphic_icon_color;
    @if $graphic_icon_bg_color !== 'transparent' {
      background-color: $graphic_icon_bg_color;
    }
    @unless $graphic_icon_box_shadow_dimensions?? {
      @if $graphic_icon_box_shadow_color === 'transparent' {
        box-shadow: none;
      }
      @if $graphic_icon_box_shadow_color !== 'transparent' {
        box-shadow: $graphic_icon_box_shadow_dimensions $graphic_icon_box_shadow_color;
      }
    }
  }

  @if $graphic_has_alt === true {
    .$_el .x-graphic-icon[class*="active"] {
      @unless $graphic_icon_text_shadow_dimensions?? {
        @if $graphic_icon_text_shadow_color_alt === 'transparent' {
          text-shadow: none;
        }
        @if $graphic_icon_text_shadow_color_alt !== 'transparent' {
          text-shadow: $graphic_icon_text_shadow_dimensions $graphic_icon_text_shadow_color_alt;
        }
      }
      color: $graphic_icon_color_alt;
      @unless $graphic_icon_border_width?? || $graphic_icon_border_style?? {
        border-color: $graphic_icon_border_color_alt;
      }
      @if $graphic_icon_bg_color_alt !== 'transparent' {
        background-color: $graphic_icon_bg_color_alt;
      }
      @unless $graphic_icon_box_shadow_dimensions?? {
        @if $graphic_icon_box_shadow_color_alt === 'transparent' {
          box-shadow: none;
        }
        @if $graphic_icon_box_shadow_color_alt !== 'transparent' {
          box-shadow: $graphic_icon_box_shadow_dimensions $graphic_icon_box_shadow_color_alt;
        }
      }
    }
  }

}




@if $graphic_type === 'image' {
  .$_el .x-graphic-image {
    @unless $graphic_image_max_width?? {
      max-width: $graphic_image_max_width;
    }
  }
}




@if $graphic_type === 'toggle' {
  <br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function cs_get_partial_style() in /home/ioscotland/public_html/wp-content/plugins/cornerstone/includes/views/styles/partials/graphic-css.php:143
Stack trace:
#0 {main}
  thrown in <b>/home/ioscotland/public_html/wp-content/plugins/cornerstone/includes/views/styles/partials/graphic-css.php</b> on line <b>143</b><br />