/**
 * @section Inline Figure Container Block
 * @use     Inline Figure container block styles
 */



/*=============================================
=                 INLINE FIGURE           
=============================================*/

:root {
  --figure_box_max_width: var(--medium-container-max-width);
  --figure_box_border_width: 6px;
  --figure_box_border_color: var(--paletteColor7);
  --figure_box_vertical_padding:  calc( var(--content-spacing) * 1 );
  --figure_box_vertical_spacing--normal: calc( var(--content-spacing) * 1.5 );
  --figure_box_vertical_spacing--extra:  calc( var(--content-spacing) * 3 );
}


/*----------  LAYOUT  ----------*/

/* Set width of Inline Figure to be a little wider than default content */
.cb-container.breakout_box--wrapper,
#editor div[data-title^="Inline Figure"],
#editor div[data-title^="Inline Figure"] .wp-block {
  width: 100%;
  max-width: var(--figure_box_max_width) !important;
  margin-left: auto;
  margin-right: auto;
}

.cb-container.breakout_box--wrapper:not(.m_extra-t),
#editor div[data-title^="Inline Figure"]:not(.m_extra-t) {
  margin-top: var(--figure_box_vertical_spacing--normal);
}
.cb-container.breakout_box--wrapper:not(.m_extra-b),
#editor div[data-title^="Inline Figure"]:not(.m_extra-b) {
  margin-bottom: var(--figure_box_vertical_spacing--normal);
}

.cb-container.breakout_box--wrapper.m_extra-t,
#editor div[data-title^="Inline Figure"].m_extra-t {
  margin-top: var(--figure_box_vertical_spacing--extra);
}
.cb-container.breakout_box--wrapper.m_extra-b,
#editor div[data-title^="Inline Figure"].m_extra-b {
  margin-bottom: var(--figure_box_vertical_spacing--extra);
}

#editor div[data-title^="Inline Figure"] .wp-block {
  margin: 0 auto;
}

.cb-container.breakout_box--wrapper.content_normal,
#editor div[data-title^="Inline Figure"].content_normal,
#editor div[data-title^="Inline Figure"].content_normal .wp-block {
  width: 100%;
  max-width: var(--narrow-container-max-width)!important;
}


/*----------  STYLE  ----------*/

/* Add top and bottom borders and appropriate vertical padding */
.breakout_box--wrapper .container--content {
  border-top: var(--figure_box_border_width) solid var(--figure_box_border_color);
  border-bottom: var(--figure_box_border_width) solid var(--figure_box_border_color);
  padding: var(--figure_box_vertical_padding) 0;
}

/* Figure number flag */
.figure_number {
  margin-top: .5em;
  margin-bottom: 1em;
}

/*=====  End of Inline Figure  ======*/