/*
 * WPBakery grid compatibility layer
 *
 * KRAKEN-5266: the YachtFocus->Elevate migrations all source content from
 * legacy WPBakery/js_composer sites (vc_row / wpb_column / vc_col-sm-N
 * markup). WPBakery itself isn't installed here, so that markup renders
 * unstyled when pasted into a Custom HTML widget. This file gives the
 * WPBakery *core grid* class names the same 12-column, sm-breakpoint
 * behavior our own Bootstrap 3 grid already has (see css/bootstrap/) --
 * it does not attempt to reproduce WPBakery's animations, per-row custom
 * CSS (vc_custom_*), or any bespoke child-theme classes (e.g. a site's
 * own "flex-row-image-text" helper) -- those remain page-specific overrides
 * in Additional CSS.
 */

.vc_row,
.vc_row-fluid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.wpb_column,
.vc_column_container {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  box-sizing: border-box;
}

.vc_column-inner {
  position: relative;
  width: 100%;
}

.wpb_wrapper {
  width: 100%;
}

.vc_col-has-fill > .vc_column-inner {
  height: 100%;
}

@media (min-width: 768px) {
  .vc_col-sm-1  { flex: 0 0 8.33333333%;  max-width: 8.33333333%; }
  .vc_col-sm-2  { flex: 0 0 16.66666667%; max-width: 16.66666667%; }
  .vc_col-sm-3  { flex: 0 0 25%;           max-width: 25%; }
  .vc_col-sm-4  { flex: 0 0 33.33333333%; max-width: 33.33333333%; }
  .vc_col-sm-5  { flex: 0 0 41.66666667%; max-width: 41.66666667%; }
  .vc_col-sm-6  { flex: 0 0 50%;           max-width: 50%; }
  .vc_col-sm-7  { flex: 0 0 58.33333333%; max-width: 58.33333333%; }
  .vc_col-sm-8  { flex: 0 0 66.66666667%; max-width: 66.66666667%; }
  .vc_col-sm-9  { flex: 0 0 75%;           max-width: 75%; }
  .vc_col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; }
  .vc_col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; }
  .vc_col-sm-12 { flex: 0 0 100%;          max-width: 100%; }
}

/* WPBakery buttons (vc_btn3) -- image/text rows commonly end in one of these */
.vc_btn3-container {
  display: inline-block;
}

.vc_general.vc_btn3 {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

.vc_btn3-shape-rounded {
  border-radius: 3px;
}

.vc_btn3-shape-round {
  border-radius: 24px;
}

.vc_btn3-size-md {
  font-size: 14px;
  padding: 10px 20px;
}