/* ==========================================================================
   WAYBACK ALIGNMENT OVERRIDE: HOMEPAGE IS COMPLETELY PROTECTED
   ========================================================================== */

/* 1. Force the inner container blocks to flex side-by-side into 3 columns */
body.not-front.node-type-exchange-program #content .wrapper,
body.not-front.node-type-exchange-program #main-content + div,
body.not-front.node-type-exchange-program .panel-display {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: 940px !important;
  margin: 0 auto !important;
}

/* 2. Left Column: Force your Navigation and Metadata menu block into place */
body.not-front.node-type-exchange-program .panel-col-first,
body.not-front.node-type-exchange-program .structural-sidebar,
body.not-front.node-type-exchange-program .sidebar-first,
body.not-front.node-type-exchange-program .quickfind-container {
  width: 220px !important;
  flex-shrink: 0 !important;
  order: 1 !important;
  box-sizing: border-box !important;
}

/* 3. Center Column: Force your Main Program Body Description to fill the middle space */
body.not-front.node-type-exchange-program .panel-col-middle,
body.not-front.node-type-exchange-program .structural-main-body,
body.not-front.node-type-exchange-program .body,
body.not-front.node-type-exchange-program .field-name-body,
body.not-front.node-type-exchange-program .pane-node-body {
  flex: 1 !important;
  order: 2 !important;
  min-width: 460px !important;
  margin: 0 20px !important;
  box-sizing: border-box !important;
}

/* 4. Right Column: Force your Action Buttons and Social Panels to line up on the right */
body.not-front.node-type-exchange-program .panel-col-last,
body.not-front.node-type-exchange-program .panel-col-right,
body.not-front.node-type-exchange-program .structural-actions,
body.not-front.node-type-exchange-program .sidebar-second,
body.not-front.node-type-exchange-program .recently-viewed-container {
  width: 200px !important;
  flex-shrink: 0 !important;
  order: 3 !important;
  box-sizing: border-box !important;
}

/* 5. Responsive Mobile Viewports Safety Net */
@media screen and (max-width: 767px) {
  body.not-front.node-type-exchange-program #content .wrapper,
  body.not-front.node-type-exchange-program #main-content + div,
  body.not-front.node-type-exchange-program .panel-display {
    flex-direction: column !important;
  }
  body.not-front.node-type-exchange-program .panel-col {
    width: 100% !important;
    min-width: 100% !important;
    margin: 10px 0 !important;
    order: unset !important;
  }
}