/******************************************************************************\
    Make Blueprint kind of behave like a responsive css framework
\******************************************************************************/

@media only screen and (max-width: 950px) {
  .container,
  .span-1,
  .span-2,
  .span-3,
  .span-4,
  .span-5,
  .span-6,
  .span-7,
  .span-8,
  .span-9,
  .span-10,
  .span-11,
  .span-12,
  .span-13,
  .span-14,
  .span-15,
  .span-16,
  .span-17,
  .span-18,
  .span-19,
  .span-20,
  .span-21,
  .span-22,
  .span-23,
  .span-24 {
    width: 100%;
  }

  .column,
  .span-1,
  .span-2,
  .span-3,
  .span-4,
  .span-5,
  .span-6,
  .span-7,
  .span-8,
  .span-9,
  .span-10,
  .span-11,
  .span-12,
  .span-13,
  .span-14,
  .span-15,
  .span-16,
  .span-17,
  .span-18,
  .span-19,
  .span-20,
  .span-21,
  .span-22,
  .span-23,
  .span-24,
  .push-1,
  .push-2,
  .push-3,
  .push-4,
  .push-5,
  .push-6,
  .push-7,
  .push-8,
  .push-9,
  .push-10,
  .push-11,
  .push-12,
  .push-13,
  .push-14,
  .push-15,
  .push-16,
  .push-17,
  .push-18,
  .push-19,
  .push-20,
  .push-21,
  .push-22,
  .push-23,
  .push-24,
  .pull-1,
  .pull-2,
  .pull-3,
  .pull-4,
  .pull-5,
  .pull-6,
  .pull-7,
  .pull-8,
  .pull-9,
  .pull-10,
  .pull-11,
  .pull-12,
  .pull-13,
  .pull-14,
  .pull-15,
  .pull-16,
  .pull-17,
  .pull-18,
  .pull-19,
  .pull-20,
  .pull-21,
  .pull-22,
  .pull-23,
  .pull-24 {
    margin-left: 0;
    margin-right: 0;
  }

  .append-1,
  .append-2,
  .append-3,
  .append-4,
  .append-5,
  .append-6,
  .append-7,
  .append-8,
  .append-9,
  .append-10,
  .append-11,
  .append-12,
  .append-13,
  .append-14,
  .append-15,
  .append-16,
  .append-17,
  .append-18,
  .append-19,
  .append-20,
  .append-21,
  .append-22,
  .append-23
  .append-24 {
    padding-right: 0;
  }

  .prepend-1,
  .prepend-2,
  .prepend-3,
  .prepend-4,
  .prepend-5,
  .prepend-6,
  .prepend-7,
  .prepend-8,
  .prepend-9,
  .prepend-10,
  .prepend-11,
  .prepend-12,
  .prepend-13,
  .prepend-14,
  .prepend-15,
  .prepend-16,
  .prepend-17,
  .prepend-18,
  .prepend-19,
  .prepend-20,
  .prepend-21,
  .prepend-22,
  .prepend-23,
  .prepend-24 {
    padding-left: 0;
  }
}

/******************************************************************************\
    Site Responsive Overrides
\******************************************************************************/

@media (max-width: 974px) {
  /* Reset body width */
  body {
    min-width: 0;
  }
}

/* Menus */

@media (min-width: 768px) {
  #mobile-menu-trigger {
    display: none;
  }
}

@media (max-width: 768px) {
  #menu-wrap {
    display: none;
  }

  header h1 {
    font-size: 24px;
  }
}

@media (max-width: 950px) {

  /* Reset primary fixed width wrappers */
  #wrap,
  header {
    width: auto;
  }

  .left,
  .right {
    float: left;
    text-align: left;
    width: 100%;
  }

  .right {
    margin-top: 20px;
  }

  /* Images */
  img {
    max-width: 100%;
  }

  #logo {
    float: none;
  }

  #profile-image {
    display: none;
  }

  #cwrap {
    height: 220px;
    padding: 0;
  }

  #canvas {
    height: 220px;
  }

  #search-results {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  /* Prevent table overflow on Locations pg */
  table#buildings td:nth-child(3n) {
    word-break: break-all;
  }

  /* Regional Campuses column reset */
  #regional-campuses .rc {
    width: 100%;
  }

  /* Prevent overflow on Printable Map pg */
  .printable {
    margin-right: 0;
  }

  /* General layout, spacing improvements */
  nav ol li {
    margin-top: 5px;
  }

  /* Weather */
  #weather {
    display: none;
  }

  footer .title a {
    font-size: 18px;
  }

  footer .nav a {
    font-size: 14px;
  }

  footer .address {
    font-size: 10px;
  }

  footer .ucf-footer-nav {
    display: none;
  }
}