/*
   Licensed to Jasig under one or more contributor license
   agreements. See the NOTICE file distributed with this work
   for additional information regarding copyright ownership.
   Jasig licenses this file to you under the Apache License,
   Version 2.0 (the "License"); you may not use this file
   except in compliance with the License. You may obtain a
   copy of the License at:

   http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing,
   software distributed under the License is distributed on
   an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
   KIND, either express or implied. See the License for the
   specific language governing permissions and limitations
   under the License.
*/

/* RESPONSIVE OVERRIDES to the Bedework 3.10 Theme
   Place overrides in here based on media queries.
   This file is loaded AFTER bwThemeGlobal.css

   This stylesheet cascades alone below bwThemeGlobal.css
*/

/* All mobile views smaller than iPad portrait mode */
@media only screen and (max-width: 767px) {
  /* Hide menu components - the #mobileMenu can toggle them on */
  /* These are toggled: */
  #ongoing,
  #bwDatePickerRangeLinks,
  #bwBasicSearch,
  #bwViewList {
    display: none;
  }
  /* These are not toggled (they remain hidden): */
  #leftColumn label,
  .sideBarContainer {
    display: none;
  }

  #header {
    margin: 0;
  }

  #leftColumn {
    padding: 0.5em 1.2em;
  }
  #bwDatePickerLinks {
    margin-bottom: 2em;
  }
  #feature {
    /* if features are displayed, fill the width of the screen */
    margin-left: -15px;
    margin-right: -15px;
  }
  #ongoing {
    float: none;
    padding: 0;
  }
  #bwMenuTitle {
    background-color: #ddd;
    border-color: #ccc;
    color: #666;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px 4px 4px 4px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
  }
  #bwMenuTitle:hover,
  #bwMenuTitle:active {
    background-color: #ccc;
    border-color: #bbb;
    color: #555;
  }
  .leftMenuTitle {
    margin: 0;
  }
  #ongoing h3.bwEventsTitle {
    cursor: pointer;
    font-size: 1em;
  }
  #ongoing .caret {
    display: inline-block;
    margin-right: 2px;
  }
  #ongoing .bwEventList {
    display: none;
  }

  #expSubLinksList {
    margin: 0.5em 1em 0 0; /* mobile placement */
  }
  /* hide slider control on small devices */
  #exportSubscribeForm .bwSlider {
    display: none;
  }

  /* All Calendars */
  .calendarList {
    float: none;
    width: 100%;
  }
  
  .footer-info {
     margin-left: 0;
  }
}
}