/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
 */
/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */
/*
 * Smartphone sizes and up
 */
/* @media only screen and (min-width: 320px) {} */
/*
 * Smartphone sizes and down
 */
@media only screen and (max-width: 480px) {
  /*
   * Float Region blocks example:
   * In smaller screen sizes we can remove the float and widths so all blocks
   * stack instead of displaying horizonally. The selector used here is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   *
   * "Float Region blocks" is an extension for floating blocks in regions, see
   * your themes appearance settings, under the Extensions tab.
   */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
}

@media only screen and (max-width: 950px) {
  #page-inner {
    margin-top: 5em;
  }
  .region-pre-header .region-pre-header-left,
  .region-pre-header .region-pre-header-right {
    float: none;
    width: 100%;
    max-width: 100%;
  }
  .region-pre-header div#rpt-branding {
    float: none;
    height: 1.25em;
    line-height: 1.25em;
    margin: 0;
  }
  .region-pre-header div#rpt-branding #logo img {
    height: 1em;
    margin: 0 0.25em;
    padding: 0;
  }
  .region-pre-header div#rpt-branding #site-name.default-rpt-name a {
    font-size: 1em;
  }
  .region-pre-header nav {
    float: none;
    margin: 0 0.5em;
  }
  .region-pre-header #block-rp-hello-user {
    margin: 0;
    font-size: 0.75em;
    float: left;
  }
  .region-pre-header #block-rp-make-home {
    color: #fff;
    margin: 0 0.25em;
    font-size: 0.75em;
    float: left;
    clear: both;
  }
  #block-text-resize-0 {
    float: right;
    margin-top: -4em;
  }
  .region-highlighted {
    float: none;
    margin-top: 0.5em;
  }

  form#rp-time-entry-form input#edit-submit-top.stickynav-active {
    width: auto;
    margin-top: 2.75em;
    margin-left: 8em;
    border: 1px solid #CCC;
  }
  form#rp-time-entry-form input#edit-submit-top.stickynav-active:hover {
  }

  /* Force timesheet table to not be like tables anymore */
  .timesheet table,
  .timesheet thead,
  .timesheet tbody,
  .timesheet th,
  .timesheet td,
  .timesheet tr,
  .view-projects-dashboard table.views-table,
  .view-projects-dashboard table.views-table > caption,
  .view-projects-dashboard table.views-table > thead,
  .view-projects-dashboard table.views-table > tbody,
  .view-projects-dashboard table.views-table > thead > tr > th,
  .view-projects-dashboard table.views-table > tbody > tr,
  .view-projects-dashboard table.views-table > tbody > tr > td {
      display: block;
  }

    /* Hide table headers (but not display: none;, for accessibility) */
  .timesheet thead tr,
  .view-projects-dashboard table.views-table > thead > tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .timesheet tr {
    border: 1px solid #ccc;
    padding: 0 0 3px;
  }

  .timesheet td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 35%;
    height: auto !important;
    text-align: left !important;
    min-height: 1em;
    padding-top: 0;
    line-height: 1em;
  }

  .timesheet td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 2px;
    left: 0px;
    width: 30%;
    display: block;
    content: attr(data-title);
    line-height: .95em;
    font-size: 0.85em;
    text-align: right;
  }

  .timesheet tr.day-total-row td.days-hours {
    padding-left: 80%;
    height: 2em !important;
  }
  .timesheet tr.day-total-row td.days-hours:before {
    width: 75%;
  }

  .timesheet td.date-row {
    padding-left: 1em;
  }
  .timesheet .delete-entry {
    position: absolute;
    left: 3px;
    bottom: 3px;
  }

  .timesheet td.row-to-delete:before {
    content: none;
  }
  .timesheet td.row-to-delete {
    min-height: 0 !important;
    height: 0 !important;
    padding: 0;
    border: none;
  }
  .timesheet td.row-to-delete.date-field {
    height: 1.2em !important;
  }
  .timesheet td.row-to-delete .delete-entry {
    top: 1px;
  }
  .timesheet td.days-hours {
  }
  .timesheet td.total-row-message {
    min-height: 0;
    padding: 0;
  }

  .timesheet .project-sa-field {
    width: auto !important;
  }
  .timesheet .project-field {
    width: 95%;
  }
  .timesheet .component-field {
    width: 90%;
  }
  .timesheet td.hours-field > div {
    display: inline-block;
  }
  .timesheet .day-total-row .label,
  .timesheet .timesheet-total-row .label,
  .timesheet .timesheet-total-row .line-filler {
    display: none;
  }
  .timesheet .timesheet-total-row .line-filler.add-another-row {
    display: block;
  }
  .timesheet td.timesheet-hours:before {
    top: 0.3em;
  }
}
/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */
/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */