/**
 * Shortcode Component Styles
 * 
 * Minimal styling for shortcode component wrapper.
 * Since shortcodes render their own content, this mainly provides 
 * layout structure and ensures content doesn't break the grid.
 *
 * @package PortageTheme
 * @since 1.0.0
 */
.shortcode-component .shortcode-wrapper::after {
  content: "";
  display: table;
  clear: both;
}
.shortcode-component .shortcode-wrapper img:not([class]) {
  max-width: 100%;
  height: auto;
}
.shortcode-component .shortcode-wrapper table:not([class]) {
  width: 100%;
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  .shortcode-component .shortcode-wrapper table:not([class]) {
    font-size: 0.875rem;
  }
  .shortcode-component .shortcode-wrapper table:not([class]) th, .shortcode-component .shortcode-wrapper table:not([class]) td {
    padding: 0.5rem 0.25rem;
  }
}
.shortcode-component .shortcode-wrapper iframe,
.shortcode-component .shortcode-wrapper embed,
.shortcode-component .shortcode-wrapper object {
  max-width: 100%;
}
.shortcode-component .shortcode-wrapper .gallery {
  margin-bottom: 1rem;
}
.shortcode-component .shortcode-debug {
  display: none;
}

.container .shortcode-component .shortcode-wrapper,
.container-fluid .shortcode-component .shortcode-wrapper {
  width: 100%;
}

/*# sourceMappingURL=style.css.map */