/**
 * 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.
 */

/* Some basic examples of cascading media queries. */

/* Really small screens and up
@media only screen and (min-width: 220px) {
}
*/

/* Smartphone sizes and up
@media only screen and (min-width: 320px) {
}
*/


/* Tablet sizes and up */
@media only screen and (max-width: 980px) {

  body.page-product-finder .region-sidebar-second,
  body.page-product-finder .region-sidebar-first,
  body.page-search .region-sidebar-second,
  body.page-search .region-sidebar-first,
  .panel-2col-stacked .panel-col-last {
    width: 25%;
  }

  #page,
  #footer-wrapper,
  .panel-pane.front-cta,
  .panel-pane.front-featured {
    padding-left: 3%;
    padding-right: 3%;
  }
  body.node-type-office #page,
  body.page-news #page,
  body.page-events #page,
  body.front #page,
	body.node-type-page #page {
    padding-left: 0%;
    padding-right: 0%;
  }

  #menu-bar-wrapper {
    position: relative;
    right: auto;
    top: auto;
    width: auto;
  }
  #header-wrapper {
    min-height: inherit;
  }
  #branding {
    float: right;
    padding: 30px 0 25px 100px;
    width: 100%;
  }
  #logo {
    margin-left: 0;
    margin-top: 5px;
  }
  #menu-bar-wrapper {
    float: left;
    margin-right: -140px;
    padding: 35px 0 0 20px;
    width: 80px;
  }
  #menu-bar {
    float: left;
  }
  #sidr-wrapper-0 a {
    position: relative;
    display: block;
    padding: 5px 10px;
    background: #285e99;
    color: #fff;
    font-weight: bold;
    font-size: 1em;
  }
  .sidr.left ol {
		margin: 0;
		list-style: none;
  }
	.sidr-class-element-invisible,
	.sidr-class-column-hide {
		display: none !important;
	}
	.sidr ul li a, 
	.sidr ul li span {
		line-height: 1;
		padding: 15px;
	}
	.sidr ul li ul li a, 
	.sidr ul li ul li span {
		padding-left: 30px;
	}
	.sidr ul li ul li ol ol a, 
	.sidr ul li ul li ol ol span {
		padding-left: 45px;
	}

  .mean-container .mean-nav ul li a.mean-expand {
    height: 25px;
  }
  .mean-container .mean-nav ul ol {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .mean-container .mean-nav ul li li li a,
  .mean-container .mean-nav ul li li li span {
    width: 100%;
    padding: 1em 8%;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    opacity: 0.75;
  }
  .mean-container .mean-nav ul li li li li a,
  .mean-container .mean-nav ul li li li li span {
    padding: 1em 10%;
    width: 100%;
  }
  .mean-container .mean-nav ul li li li li li a,
  .mean-container .mean-nav ul li li li li li span {
    padding: 1em 15%;
    width: 100%;
  }

  #search-bar .inner {
    margin-left: 3%;
    margin-right: 3%;
  }
  #search-bar .region-search,
  #search-bar #breadcrumb {
    width: 50%;
		float: right;
  }
  #search-bar #breadcrumb {
		float: left;
		line-height: 1.4;
		padding-top: 8px;
  }

  .block.footer-about {
    width: auto;
    float: none;
    padding: 0 0 3%;
    border: 0;
    border-bottom: 1px solid #818284;
    margin: 0 0 3%;
  }
  footer nav.block {
    width: 50%;
    float: left;
    padding: 0 3% 20px 0;
    border: 0;
  }
  footer nav.block:nth-child(even) {
    clear: left;
  }
  .block.footer-about h2.block-title,
  footer nav.block h2 {
    min-height: inherit;
    margin-bottom: 5px;
  }
  footer nav.block ul.menu li {
    padding: 6px 0;
  }


  /*
  * Front page tablet
  */
  .panel-pane.front-cta .view-front-page-cta .views-row,
  .panel-pane.front-cta .view-front-page-cta .views-row.views-row-first,
  .panel-pane.front-cta .view-front-page-cta .views-row.views-row-last {
    padding: 0 1%;
  }
  .panel-pane.front-featured .view-front-page-cta .views-row,
  .panel-pane.front-featured .view-front-page-cta .views-row.views-row-first,
  .panel-pane.front-featured .view-front-page-cta .views-row.views-row-last {
    padding: 0 1%;
    border-right: 0;
  }

  /*
  * Product tablet
  */
  /* This is for the main slideshow to bleed to the edge */
  body.node-type-product #page,
  body.node-type-landing-page #page {
    padding-left: 0%;
    padding-right: 0%;
  }
  body.node-type-product .center-wrapper,
  body.node-type-landing-page .center-wrapper,
  body.node-type-landing-page .region-content-aside,
  body.node-type-landing-page #breadcrumb {
    padding-left: 3%;
    padding-right: 3%;
  }
  .pane-key-features-slider-panel-pane-1 .views-slideshow-cycle-main-frame-row-item {
    min-width: unset;
    padding: 10px 1%;
  }

  body.node-type-landing-page .pane-node-field-image-gallery .item-list,
  body.node-type-product .pane-node-field-image-gallery .item-list {
    left: 160px;
  }
  /*
  * Search Bar tablet
  */
  body.node-type-landing-page.section-menu-page #search-bar,
  #search-bar {
    margin-bottom: 30px;
  }

  /*
  * News tablet
  */
  body.page-news .view-events .view-header {
    min-height: 0;
    margin-bottom: 20px;
  }
  body.page-news .view-events .view-header .view-content {
    margin: 0;
  }
  body.page-news .news-page-slider {
    max-width: 100%;
    padding: 40px 3%;
  }
  body.page-news .view-events .view-filters .views-exposed-form .views-exposed-widget {
    width: 30%;
    margin: 0 2% 2% 0;
  }
  body.page-news .view-events .view-filters .views-exposed-form .views-exposed-widget select {
    width: 100%;
  }
  body.page-news .view-events .view-filters .views-exposed-form .views-exposed-widget.views-submit-button {
    clear: left;
  }
  body.page-news .view-events .view-filters .views-exposed-form .views-exposed-widget.views-submit-button,
  body.page-news .view-events .view-filters .views-exposed-form .views-exposed-widget.views-reset-button {
    width: auto;
    margin-bottom: 0;
  }
  body.page-news .view-events .view-filters .views-exposed-form input.form-submit {
    margin-top: 0;
  }

  body.page-news .view-events .item-list-pager,
  body.page-news .view-events .view-filters,
  body.page-news .view-events .view-content {
    margin: 0 3%;
  }

  /*
  * Events tablet
  */
  body.page-events .view-events .view-header {
    min-height: 0;
    margin-bottom: 20px;
  }
  body.page-events .view-events .view-header .view-content {
    margin: 0;
  }
  body.page-events .events-page-slider {
    max-width: 100%;
    padding: 40px 3%;
  }
  body.page-events .view-events .view-filters .views-exposed-form .views-exposed-widget {
    width: 30%;
    margin: 0 2% 2% 0;
  }
  body.page-events .view-events .view-filters .views-exposed-form .views-exposed-widget select {
    width: 100%;
  }
  body.page-events .view-events .view-filters .views-exposed-form .views-exposed-widget.views-submit-button {
    clear: left;
  }
  body.page-events .view-events .view-filters .views-exposed-form .views-exposed-widget.views-submit-button,
  body.page-events .view-events .view-filters .views-exposed-form .views-exposed-widget.views-reset-button {
    width: auto;
    margin-bottom: 0;
  }
  body.page-events .view-events .view-filters .views-exposed-form input.form-submit {
    margin-top: 0;
  }

  body.page-events .view-events .item-list-pager,
  body.page-events .view-events .view-filters,
  body.page-events .view-events .view-content {
    margin: 0 3%;
  }

  /*
  * Office and 3 column
  */
  body.node-type-office .panel-3col-stacked .center-wrapper {
    padding-left: 3%;
    padding-right: 3%;
  }
  .panel-3col-stacked .panel-col-first {
    padding: 20px 0;
    margin-right: 3%;
  }
  .panel-3col-stacked .panel-col {
    padding: 20px 0;
  }
	.panel-3col-stacked .panel-col-first:before {
		display: none;
	}


  /* Width adjustments, from VIASAT-325 */
  .node-type-post div#tertiary-content-wrapper,
  .node-type-post div#columns {
    max-width: 784px;
    margin: 0 auto;
  }
}


/* Desktops/laptops and up
@media only screen and (min-width: 1025px) {
}
*/


/* Mobile sizes and down */
@media only screen and (max-width: 767px) {

  /*
    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.
  */
  body.page-product-finder #content-column,
  body.page-product-finder .region-sidebar-first,
  .panel-2col-stacked .panel-col-first,
  body.page-search #content-column,
  body.page-search .region-sidebar-first,
  body.page-search .region-sidebar-second,
  .panel-2col-stacked .panel-col-last,
  .region[class*="float-blocks"] .block,
  .panel-3col-stacked .center-wrapper,
  .pane-node-field-drop-quote,
  .panel-3col-stacked .panel-col,
  .panel-3col-stacked .panel-col-first,
  .panel-3col-stacked .panel-col-last {
    float: none !important;
    width: 100% !important;
    display: block;
  }

  .panel-3col-stacked .panel-col-first:before {
    content: none;
  }

  .pane-node-field-drop-quote {
    padding: 0 20px;
  }

  /*
  * Search Bar mobile
  */
  #block-search-api-page-basic-node-search form,
  #block-search-api-page-basic-node-search .form-item {
    margin: 0;
    width: 100%;
  }

  /*
  * Basic page type
  */
  body.node-type-page #page .center-wrapper {
    padding-left: 3%;
    padding-right: 3%;
  }

  /*
  * Front page mobile
  */
  .pane-post-news-ticker {
    padding-left: 3%;
    padding-right: 3%;
  }

  .pane-post-news-ticker .views-slideshow-controls-bottom .views-slideshow-controls-text-previous a,
  .pane-post-news-ticker .views-slideshow-controls-bottom .views-slideshow-controls-text-next a {
    left: 3%;
  }

  .pane-post-news-ticker .views-slideshow-controls-bottom .views-slideshow-controls-text-next a {
    left: auto;
    right: 3%;
  }

  .panel-pane.front-cta .view-front-page-cta .views-row,
  .panel-pane.front-cta .view-front-page-cta .views-row.views-row-first,
  .panel-pane.front-cta .view-front-page-cta .views-row.views-row-last,
  .panel-pane.front-featured .view-front-page-cta .views-row,
  .panel-pane.front-featured .view-front-page-cta .views-row.views-row-first,
  .panel-pane.front-featured .view-front-page-cta .views-row.views-row-last {
    padding: 0 0 20px;
    border-right: 0;
    left: auto;
  }

  .panel-pane.front-featured .view-front-page-cta .views-row:after {
    display: none;
  }

  .panel-pane.front-featured h2.pane-title {
    left: auto;
    margin: 0 0 20px;
  }

  .panel-pane.front-featured .view-front-page-cta .views-field-field-image {
    text-align: center;
  }

  .panel-pane.front-featured .view-front-page-cta .views-field-field-image img {
    display: inline-block;
  }

  .panel-pane.front-featured .view-front-page-cta .views-field-field-heading,
  .panel-pane.front-featured .view-front-page-cta .views-field-field-long-text,
  .panel-pane.front-featured .view-front-page-cta .views-field-field-link {
    padding-left: 0;
  }

  /*
  * Product mobile
  */
  .pane-node-field-product-glance {
    background: #999;
    height: auto;
    padding-left: 3%;
    padding-right: 3%;
  }

  body.node-type-landing-page .pane-node-field-image-gallery,
  body.node-type-product .pane-node-field-image-gallery {
    background: #999;
    height: auto;
    padding: 3%;
  }

  body.node-type-landing-page .pane-node-field-image-gallery .block-content,
  body.node-type-product .pane-node-field-image-gallery .block-content {
    position: relative;
    top: auto;
    left: auto;
  }

  body.node-type-landing-page .pane-node-field-image-gallery .item-list,
  body.node-type-product .pane-node-field-image-gallery .item-list {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
  }

  .pane-node-field-product-glance h2.block-title,
  .pane-node-field-product-glance .block-content {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    margin-bottom: 20px;
  }

  .pane-key-features-slider-panel-pane-1 .views-slideshow-cycle-main-frame-row-item {
    min-width: unset;
    width: 100%;
    padding: 10px 10%;
    border: 0;
  }

  .center-wrapper .pane-views-panes .block-title {
    margin-bottom: 20px;
  }

  .center-wrapper .pane-views-panes .view .views-slideshow-controls-top {
    top: -50px;
  }

  .pane-related-blocks-prod-family-pane .views-responsive-grid.views-columns-5 .views-column,
  .center-wrapper .pane-views-panes .view .views-slideshow-cycle-main-frame-row-item {
    float: none;
    max-width: none;
    width: auto;
    padding: 0;
    clear: both;
  }

  .center-wrapper .pane-views-panes .view .views-slideshow-cycle-main-frame-row-item:last-child {
    padding-left: 0%;
  }

  .center-wrapper .pane-views-panes .view .views-slideshow-cycle-main-frame-row-item:first-child {
    padding-right: 0%;
  }

  .pane-related-blocks-prod-family-pane .views-responsive-grid.views-columns-5 .views-column .views-field-field-cross-selling-title,
  .pane-related-blocks-prod-family-pane .views-responsive-grid.views-columns-5 .views-column .views-field-field-cross-selling-teaser,
  .center-wrapper .pane-views-panes .view .views-slideshow-cycle-main-frame .views-field-title,
  .center-wrapper .pane-views-panes .view .views-slideshow-cycle-main-frame .views-field-field-cross-selling-title,
  .center-wrapper .pane-views-panes .view .views-slideshow-cycle-main-frame .views-field-field-cross-selling-teaser,
  .center-wrapper .pane-views-panes .view .views-slideshow-cycle-main-frame .views-field-nothing {
    margin: 0 0 5px;
    float: right;
    width: 75%;
    font-size: 1em;
  }

  .pane-related-blocks-prod-family-pane .views-responsive-grid.views-columns-5 .views-column .views-field-field-image,
  .center-wrapper .pane-views-panes .view .views-slideshow-cycle-main-frame .views-field-field-image {
    margin: 0 0 5px;
    float: left;
    width: 20%;
  }

  /*
  * Events
  */
  .node-type-event .pane-node-field-event-speakers .field-item {
    float: none;
    width: auto;
    padding: 0 0 20px;
  }

  #search-bar .region-search,
  #search-bar #breadcrumb {
    float: none;
    width: auto;
    text-align: left;
  }

  #block-search-api-page-basic-node-search {
    width: 50%;
    margin-bottom: 10px;
  }

  .product-finder-link {
    width: 50%;
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
    text-align: center;
  }

  /*
  * News
  */
  body.page-news .view-events .view-filters {
    padding: 20px;
  }

  body.page-news .view-events .view-filters .views-exposed-form .views-exposed-widget {
    width: 100%;
    margin: 0 0 20px;
  }

  body.page-news .news-page-slider .views-field-title {
    margin-bottom: 20px;
    font-size: 2em;
  }

  body.page-news .view-events .view-content table.views-table th,
  body.page-news .view-events .view-content table.views-table td {
    padding: 10px;
    vertical-align: top;
  }

  body.page-news .view-events .view-content table.views-table td.views-field-created {
    white-space: inherit;
  }

  /*
  * events
  */
  body.page-events .view-events .view-filters {
    padding: 20px;
  }

  body.page-events .view-events .view-filters .views-exposed-form .views-exposed-widget {
    width: 100%;
    margin: 0 0 20px;
  }

  body.page-events .news-page-slider .views-field-title {
    margin-bottom: 20px;
    font-size: 2em;
  }

  body.page-events .view-events .view-content table.views-table th,
  body.page-events .view-events .view-content table.views-table td {
    padding: 10px;
    vertical-align: top;
  }

  body.page-events .view-events .view-content table.views-table td.views-field-created {
    white-space: inherit;
  }

  /*
  * Course
  */
  .node-type-course .pane-node-field-geo-data {
    height: auto;
    float: none;
    padding: 10px 0;
  }

  .node-type-course .pane-node-field-geo-data .block-inner {
    position: relative;
    top: auto;
    right: auto;
    width: auto;
    height: auto;
    overflow: visible;
  }

  .node-type-course .pane-node-field-course-code,
  .node-type-course .pane-node-field-course-date,
  .node-type-course .pane-node-field-location,
  .node-type-course .pane-subpage-fields-product-fields {
    float: none;
    margin-top: 0;
  }

  /*
  * Event
  */
  .node-type-event .pane-node-field-geo-data {
    height: auto;
    float: none;
    margin-bottom: 20px;
  }

  .node-type-event .pane-node-field-event-date,
  .node-type-event .pane-node-field-event-booth-number,
  .node-type-event .pane-node-field-location,
  .node-type-event .pane-subpage-fields-product-fields,
  .node-type-event .pane-node-field-related-links,
  .node-type-event .pane-subpage-fields-panel-pane-6,
  .node-type-event .pane-node-field-event-registration-url {
    float: none;
    width: auto;
    line-height: 1;
  }

  /*
  * Hide Hero caption on mobile just in case
  */
  .panel-pane.pane-node-field-hero-caption .field-name-field-caption {
    display: none;
  }

}