/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */

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

/* =============================================================================
 *   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;
}

.at-mt .at-menu-toggle h2 a {
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
}

/* Menu items */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
}

p {font-size: 100%}

#site-name {
  font-size: 2.5rem;
}

#page-title {
  font-size: 2rem;
}

.field-name-field-page-subtitle {
  font-size: 1.2rem;
}

blockquote.image-field-caption p {
  font-size: .9rem;
}

.field-name-body blockquote p {
  font-size: 150%;
}

#footer .block-image {
  text-align: center;
}

.block-content.content > p {
  font-size: 125%;
}

.view-header .block-content.content > p {
  font-size: 100%;
}