@charset "utf-8";

/* ====== ≥1200px (xl) =================================================== */
@media (min-width: 1200px) {
  #configModal .modal-content {
    width: 700px;
    min-height: 300px;
  }
  .large-footer .container-fluid {
    width: 80%;
  }
}

/* ====== 1131px–1699px (lg-ish range for offcanvas/nav spacing) ========= */
@media (min-width: 1131px) and (max-width: 1699px) {
  #js-bootstrap-offcanvas > .row > .col-lg-12 > .navbar-nav {
    margin-top: 50px;
  }
}

/* ====== ≤1200px ======================================================== */
@media (max-width: 1200px) {
  .btn-contact {
    width: 100%;
  }
}

/* ====== ≤1130px (tablet/landscape) ===================================== */
@media (max-width: 1130px) {
  /* Center brand */
  .navbar-brand {
    display: inline-block;
    left: 0;
    right: 0;
    margin: 0;
    float: none;
  }
  .navbar-header {
    text-align: center;
  }

  /* Upper nav layout */
  #upperNav .navbar-nav {
    float: left;
    margin: 0;
  }
  #upperNav .navbar-nav > li {
    float: left;
  }
  #upperNav .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  /* Stack main nav items vertically */
  .navbar-nav {
    text-align: left;
  }
  .navbar-nav > li {
    display: list-item;
  }


  #topWell {
    margin-top: 0;
  }

  .btn-responsive {
    padding: 8px 12px;
    font-size: 130%;
    line-height: 1.2;
  }

  #content,
  #primary,
  #secondary {
    float: none;
    overflow: hidden;
  }

  /* Keep a consistent header height at this breakpoint and below */
  #main > .navbar-default.navbar-fixed-top {
    min-height: 128px;
  }
}

/* ====== ≤992px (md) ==================================================== */
@media (max-width: 992px) {
  .navbar-header.col-sm-6 {
    width: 100%;
  }

  .btn-responsive {
    padding: 6px 10px;
    font-size: 110%;
    line-height: 1.2;
  }

  #tradeShow img,
  #announcement img {
    margin-left: 10px;
    margin-right: 40px;
  }

  .navbar-brand img {
    padding-top: 24px;
  }
}

/* ====== 956px micro-range ============================================== */
@media (min-width: 956px) and (max-width: 1005px) {
  #holidayAlert {
    margin-bottom: 10px;
  }
}

/* ====== ≤956px ========================================================= */
@media (max-width: 956px) {
  #holidayAlert {
    margin-bottom: 0;
  }
  #holidayAlert.h3 {
    font-size: 18px;
  }
  .large-footer span.position {
    right: 40%;
  }
}

/* ====== ≤765px (sm) ==================================================== */
@media (max-width: 765px) {
  .btn-responsive,
  .downloadBtn {
    width: 100%;
  }

  .well,
  #topWell,
  #bodyText,
  #moreInfo {
    margin-left: 1%;
    margin-right: 1%;
  }

  #searchButtonCollapse {
    margin-top: 0;
  }

  .icon-pad img {
    padding-top: 5px;
    width: 38px;
    height: auto;
  }

  /* Use a single, consistent h1 size at this breakpoint */
  h1 {
    font-size: 30px;
  }

  .large-footer .ariba {
    float: none;
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

/* ====== ≤480px (xs) ==================================================== */
@media (max-width: 480px) {
  .scroll-top-wrapper {
    width: 40px;
    height: 38px;
    line-height: 35px;
  }
  .scroll-top-wrapper i.glyphicon-arrow-up {
    font-size: 12px;
  }

  #pageHeader h1,
  #topWell h1 {
    font-size: 160%;
  }

  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:hover,
  .nav-tabs > li.active > a:focus,
  .nav-tabs > li > a {
    font-size: 90%;
  }

  img.media-object {
    width: 75px;
    height: auto;
  }

  body {
    font-size: 130%;
  }

  .glyphicon {
    font-size: 120%;
  }

  .lead {
    margin-bottom: 0;
  }

  /* Consolidated heading sizes—avoid conflicting duplicates */
  h1 { font-size: 26px; }
  h2 { font-size: 22px; }
}

/* ====== Print =========================================================== */
@media print {
  /* Adjust logo position */
  div#printLogo {
    margin-top: -50px;
  }

  /* Bootstrap-like grid widths for print */
  .col-sm-1,  .col-sm-2,  .col-sm-3,  .col-sm-4,  .col-sm-5,  .col-sm-6,
  .col-sm-7,  .col-sm-8,  .col-sm-9,  .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9  { width: 75%; }
  .col-sm-8  { width: 66.66666667%; }
  .col-sm-7  { width: 58.33333333%; }
  .col-sm-6  { width: 50%; }
  .col-sm-5  { width: 41.66666667%; }
  .col-sm-4  { width: 33.33333333%; }
  .col-sm-3  { width: 25%; }
  .col-sm-2  { width: 16.66666667%; }
  .col-sm-1  { width: 8.33333333%; }

  .col-sm-pull-12 { right: 100%; }
  .col-sm-pull-11 { right: 91.66666667%; }
  .col-sm-pull-10 { right: 83.33333333%; }
  .col-sm-pull-9  { right: 75%; }
  .col-sm-pull-8  { right: 66.66666667%; }
  .col-sm-pull-7  { right: 58.33333333%; }
  .col-sm-pull-6  { right: 50%; }
  .col-sm-pull-5  { right: 41.66666667%; }
  .col-sm-pull-4  { right: 33.33333333%; }
  .col-sm-pull-3  { right: 25%; }
  .col-sm-pull-2  { right: 16.66666667%; }
  .col-sm-pull-1  { right: 8.33333333%; }
  .col-sm-pull-0  { right: auto; }

  .col-sm-push-12 { left: 100%; }
  .col-sm-push-11 { left: 91.66666667%; }
  .col-sm-push-10 { left: 83.33333333%; }
  .col-sm-push-9  { left: 75%; }
  .col-sm-push-8  { left: 66.66666667%; }
  .col-sm-push-7  { left: 58.33333333%; }
  .col-sm-push-6  { left: 50%; }
  .col-sm-push-5  { left: 41.66666667%; }
  .col-sm-push-4  { left: 33.33333333%; }
  .col-sm-push-3  { left: 25%; }
  .col-sm-push-2  { left: 16.66666667%; }
  .col-sm-push-1  { left: 8.33333333%; }
  .col-sm-push-0  { left: auto; }

  .col-sm-offset-12 { margin-left: 100%; }
  .col-sm-offset-11 { margin-left: 91.66666667%; }
  .col-sm-offset-10 { margin-left: 83.33333333%; }
  .col-sm-offset-9  { margin-left: 75%; }
  .col-sm-offset-8  { margin-left: 66.66666667%; }
  .col-sm-offset-7  { margin-left: 58.33333333%; }
  .col-sm-offset-6  { margin-left: 50%; }
  .col-sm-offset-5  { margin-left: 41.66666667%; }
  .col-sm-offset-4  { margin-left: 33.33333333%; }
  .col-sm-offset-3  { margin-left: 25%; }
  .col-sm-offset-2  { margin-left: 16.66666667%; }
  .col-sm-offset-1  { margin-left: 8.33333333%; }
  .col-sm-offset-0  { margin-left: 0%; }

  /* Visibility helpers for print */
  .visible-xs { display: none !important; }
  .hidden-xs  { display: block !important; }
  table.hidden-xs { display: table; }
  tr.hidden-xs { display: table-row !important; }
  th.hidden-xs, td.hidden-xs { display: table-cell !important; }
  .hidden-xs.hidden-print { display: none !important; }

  .hidden-sm { display: none !important; }
  .visible-sm { display: block !important; }
  table.visible-sm { display: table; }
  tr.visible-sm { display: table-row !important; }
  th.visible-sm, td.visible-sm { display: table-cell !important; }
}