/*
 * StepUp Media v3.3 — lightweight layout compatibility layer.
 * Replaces the Bootstrap 3 grid/utilities actually used by this theme.
 * No Bootstrap framework is loaded.
 */

/* Predictable sizing (Bootstrap 3 previously supplied this globally). */
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

/* Containers. The theme itself expands .container to 1510px from 1200px upward. */
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .container { width: 750px; }
}
@media (min-width: 992px) {
  .container { width: 970px; }
}
@media (min-width: 1200px) {
  .container { width: 1170px; }
}

/* Classic 12-column gutters, implemented locally. */
.row {
  display: flow-root;
  margin-right: -15px;
  margin-left: -15px;
}

[class*="col-xs-"],
[class*="col-sm-"],
[class*="col-md-"],
[class*="col-lg-"] {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

/* xs is always active. */
.col-xs-12 { float: left; width: 100%; }

@media (min-width: 768px) {
  .col-sm-6 { float: left; width: 50%; }
}

@media (min-width: 992px) {
  .col-md-3  { float: left; width: 25%; }
  .col-md-4  { float: left; width: 33.3333333333%; }
  .col-md-6  { float: left; width: 50%; }
  .col-md-9  { float: left; width: 75%; }
  .col-md-12 { float: left; width: 100%; }
}

@media (min-width: 1200px) {
  .col-lg-3 { float: left; width: 25%; }
}

/* Visibility helpers used by the existing header/templates. */
@media (max-width: 767px) {
  .hidden-xs { display: none !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm { display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md { display: none !important; }
}
@media (min-width: 1200px) {
  .hidden-lg { display: none !important; }
}

/* Utility still present in legacy markup. */
.clearfix::before,
.clearfix::after { content: " "; display: table; }
.clearfix::after { clear: both; }

/* Keep responsive media behavior that Bootstrap previously supplied. */
img { max-width: 100%; height: auto; }

/* Accessible screen-reader helper used by WooCommerce/WordPress markup. */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* v3.3.1 compatibility fixes: Bootstrap 3 rules the legacy theme relied on. */

/* Bootstrap's global utility class. Woo Extra Product Options uses this on
   internal order-data fields that must never be visible to customers. */
.hidden {
  display: none !important;
}

/* Bootstrap 3 removed default link underlines. Keep navigation/mega-menu
   appearance identical without changing normal content links. */
#header a,
#header a:hover,
#header a:focus,
#header a:active,
#navigation a,
#navigation a:hover,
#navigation a:focus,
#navigation a:active,
#mobilenavigation a,
#mobilenavigation a:hover,
#mobilenavigation a:focus,
#mobilenavigation a:active,
.menu a,
.menu a:hover,
.menu a:focus,
.menu a:active,
.sub-menu a,
.sub-menu a:hover,
.sub-menu a:focus,
.sub-menu a:active {
  text-decoration: none;
}