/**
 * Styles for Smartphone portrait
 *
 * - Do not delete or rename this file, if you do not use it leave it blank.
 *
 * - There is an SCSS (SASS) version of this file in the /sass/ directory in your
 *   sub-theme, if you set "compass watch" this file will be overwritten!
 *
 * SEE the _README file in this directory, it contains useful information.
 */

/* Increase the default font size on small touch devices */
body {
  font-size: 100%;
}

#search-block-form { text-align: right; }

.menu-bar-wrapper {
  margin: 0;
}

#menu-bar {
  margin-top: 0;
/*
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
*/
}

#splashHeader, #splashHeader2 { font-size: 1em; }

.splashText {
  font-size: 90%;
}

.pane-inner h1 { font-size: 1.2em; padding: 0 2%; }
.pane-inner h2 { font-size: 1.1em; padding: 0 2%; }
.pane-inner h3 { font-size: 1em; padding: 0 2%; }
.pane-inner h4 { font-size: 1em; padding: 0 2%; }
.pane-inner h5 { font-size: 1em; padding: 0 2%; }
.pane-inner h6 { font-size: 1em; padding: 0 2%; }
.pane-inner p { padding: 0 2%; }

.articleDate { padding:0 2%; }


#instrumentNav, #horizontalNav {}




/* =============================================================================
 *   Mobile Menu Toggle
 *   See your theme settings extensions for how to enable the menu toggle.
 *   These are example styles for the menu toggle menu, you can use these in the
 *   relevant responsive stylesheets as required. Modify to suit your design.
 * ========================================================================== */
/* The toggle link */
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
  width: 100%;
  font-size: 0.9em;
}

.at-mt .at-menu-toggle h2 a {
  /*
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
  */
  background-color: #007833; /* #5091CD; /* 696B73 gray */
  color: #ffffff;
  display: block;
  width: 100%;
  text-align: right;
  font-size: 28px;
  padding: 12px 30px 0 0;
  text-decoration: none;
}

/* Menu items */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.at-mt .at-menu-toggle ul.menu li a:active {
  background-color: #5091CD;
  color: #FFFFFF;
}





/* =====================
 * Footer
 * ===================*/
 
.fatFooterLevel02Container, #FooterCallToActionContainer { display:none; }