/*
 * @file
 * global.styles
 *
 * Styles you add here will load for all device sizes, they are "global", as
 * opposed to "responsive" styles, which only load for a given breakpoint (media
 * query) that you set in theme settings. See the README for more details.
 *
 *
 * How to use this file:
 * --------------------
 *
 * There are many empty selectors and some basic styles to act as a guide.
 * Nothing is set in stone and you can change anything - even delete all of it
 * and start with your own clean slate.
 *
 * To FORCE PRINT all selectors you can search and replace a single { (opening
 * curly brace) and insert an empty comment. This is very useful in conjuction
 * with FireSass: https://addons.mozilla.org/en-US/firefox/addon/firesass-for-firebug/
 *
 * See global.base also which includes normalize.css and some additional
 * helper classes and base styles.
 */
/* =============================================================================
 *   Base
 * ========================================================================== */
/*
 * To preserve theme settings never apply font properties to the HTML element.
 * This is critically important if you are using the Responsive JavaScript
 * feature as this relies on being able to set a pseudo font family on the HTML
 * element. If you need to set default font properties of any kind use the BODY
 * element as these can be overridden using font theme settings.
 */
/* line 41, ../sass/global.styles.scss */
html {
  background: #fff;
}

/* line 45, ../sass/global.styles.scss */
body {
  font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 87.5%;
}

/* =============================================================================
 *   HTML Elements
 * ========================================================================== */
/* line 135, ../sass/global.styles.scss */
pre,
code,
tt,
samp,
kbd,
var {
  font-family: Consolas, Monaco, "Courier New", Courier, monospace, sans-serif;
}

/* =============================================================================
 *   Wrappers
 * ========================================================================== */
/*
 * Outer wrappers:
 * - #page-wrapper: body > #page-wrapper
 * - #page: body > #page-wrapper > #page
 * - .container: body > #page-wrapper > #page.container
 *
 * The .container class holds the page width value from theme settings. You can
 * style the .container class but do not add width such as border, padding,
 * margins etc.
 */
/*
 * Wraps all header elements - branding and .region-header
 */
/*
 * Wraps the sidebars the content column
 */
/*
 * Main content column wrapper
 */
/*
 * Wraps the main-content-header, the content region and feed-icons. Use this
 * wrapper to style the entire main content column
 */
/*
 * Wraps the content region, avoid applying styles to this wrapper, its used
 * mainly for position and invisible gutters and can be problematic to style
 */
/*
 * Footer wrapper
 */
/*
 * Panels may need additional margin wrangling when in the $content region
 */
/*
 * Full Width Wrappers
 * These are used in the optional page--full-width-wrappers.tpl.php template.
 * All have internal .container classes. In the full width wrapper template the
 * .container classes set the width or max-width - you can style this but never
 * add any width/margin/padding/borders etc to .container
 */
/*
 * Wraps the leaderboard
 */
/*
 * Wraps the header
 */
/* line 231, ../sass/global.styles.scss */
#header-wrapper {
  /* Debug styles, is this working */
  background: rgba(255, 192, 203, 0.5);
}

/*
 * Wraps the nav elements
 */
/*
 * Wraps breadcrumb
 */
/*
 * Wraps messages and help
 */
/*
 * Wraps the secondary content/preface region
 */
/*
 * Wraps the main content column
 */
/*
 * Wraps the tertiary content/postfix region
 */
/*
 * Footer wrapper
 */
/* line 289, ../sass/global.styles.scss */
#footer-wrapper {
  /* Debug styles, is this working? */
  background: rgba(255, 192, 203, 0.5);
}

/* =============================================================================
 *   Branding
 * ========================================================================== */
/*
 * Wraps all the branding elements, logo, name and slogan
 */
/*
 * Logo
 */
/* line 310, ../sass/global.styles.scss */
#logo {
  padding: 10px 0;
}
/* line 313, ../sass/global.styles.scss */
#logo img {
  vertical-align: bottom;
}

/*
 * Wrapper for the site name and slogan
 */
/*
 * Site name (h1)
 */
/* line 328, ../sass/global.styles.scss */
#site-name {
  margin: 0;
}
/* line 333, ../sass/global.styles.scss */
#site-name a:link, #site-name a:visited {
  text-decoration: none;
}
/* line 338, ../sass/global.styles.scss */
#site-name a:hover, #site-name a:focus {
  text-decoration: underline;
}

/*
 * Site slogan (h2)
 */
/* line 349, ../sass/global.styles.scss */
#site-slogan {
  margin: 0;
}

/* =============================================================================
 *   Page content header
 * ========================================================================== */
/*
 * Main content header wraps the page title, tabs and actions links
 */
/*
 * The main page title (h1)
 */
/* line 367, ../sass/global.styles.scss */
#page-title {
  margin: 0;
}

/* =============================================================================
 *   Misc Global Styles
 * ========================================================================== */
/*
 * Feed icons
 */
/*
 * Aggregator feed source
 */
/* line 385, ../sass/global.styles.scss */
#aggregator .feed-source .feed-icon {
  display: inline;
  float: none;
  margin-right: 10px;
}

/* line 392, ../sass/global.styles.scss */
.feed-details dt,
.feed-details dd {
  display: inline;
  margin: 0;
}

/*
 * Generic styles for the more link
 */
/*
 * Generic styles for links. See the ul.links declaration in node and comment stylesheets
 */
/* line 408, ../sass/global.styles.scss */
ul.links {
  margin: 0;
  padding: 0;
}
/* line 412, ../sass/global.styles.scss */
ul.links.inline {
  display: block;
}
/* line 416, ../sass/global.styles.scss */
ul.links li {
  display: inline;
  list-style: none;
  padding: 0 10px 0 0;
}

/*
 * Search results are an ordered list so reset the margin
 */
/* line 427, ../sass/global.styles.scss */
.search-results {
  margin: 0;
  padding: 0;
}

/*
 * Attribution message and link
 */
/* line 436, ../sass/global.styles.scss */
.attribution {
  display: block;
  opacity: 0.65;
  padding: 1em 0;
  text-align: center;
}
/* line 442, ../sass/global.styles.scss */
.attribution a {
  text-decoration: none;
  color: inherit;
}
/* line 446, ../sass/global.styles.scss */
.attribution a:hover, .attribution a:focus {
  text-decoration: underline;
}

/* =============================================================================
 *   Regions
 * ========================================================================== */
/*
 * Standard region wrapper, don't add width to any regions, you will bork the layout - no margin, padding or borders etc
 */
/*
 * Regions have an inner div - perfect for adding margin, padding or borders
 */
/*
 * Regions can be nested, such as when using Panels
 */
/*
 * Header region, embedded in the #header
 */
/*
 * Generally used to output Drupals help block, if the help module is enabled
 */
/*
 * Secondary content
 */
/*
 * Sits above the main content header, like a content-top region
 */
/*
 * Sits below the main content, like a content-bottom region
 */
/*
 * Sidebars - targets both
 */
/*
 * First sidebar
 */
/*
 * Second sidebar
 */
/*
 * Tertiary content
 */
/*
 * Footer region
 */
/* =============================================================================
 *   Links
 * ========================================================================== */
/* line 540, ../sass/global.styles.scss */
a {
  text-decoration: none;
}
/* line 549, ../sass/global.styles.scss */
a:hover, a:focus {
  text-decoration: underline;
}

/* =============================================================================
 *   Primary, Secondary and Menu Bar region menus
 * ========================================================================== */
/* line 560, ../sass/global.styles.scss */
.nav {
  clear: both;
  margin: 10px 0;  /* sdowney  margin is reset to 0, below */
}
/* line 564, ../sass/global.styles.scss */
.nav ul,
.nav ul.menu {
  margin: 0;
  padding: 0;
}
/* line 570, ../sass/global.styles.scss */
.nav li,
.nav ul.menu li {
  display: inline;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 579, ../sass/global.styles.scss */
.nav li a,
.nav ul.menu li a {
  display: block;
  white-space: nowrap;
  padding: 0 10px;
}
/* line 591, ../sass/global.styles.scss */
.nav .block {
  margin-bottom: 0;
}

/* =============================================================================
 *   Superfish
 * ========================================================================== */
/* line 601, ../sass/global.styles.scss */
ul.sf-menu {
  margin-bottom: 0;
}
/* line 604, ../sass/global.styles.scss */
ul.sf-menu a {
  border-left: 0;
  border-top: 0;
  padding: 0 10px;
  text-decoration: none;
  height: 2.5em;
  line-height: 2.5em;  /* SDOWNEY IF YOU CHANGE THIS FROM 2.5EM, YOU WILL HAVE TO CHANGE OTHER MENU LINE HEIGHTS BELOW */
}
/* line 617, ../sass/global.styles.scss */
ul.sf-menu li:hover, ul.sf-menu li.sfHover {
  outline: 0;
}
/* line 624, ../sass/global.styles.scss */
ul.sf-menu a:focus, ul.sf-menu a:hover, ul.sf-menu a:active {
  outline: 0;
}

/*
 * Superfish blocks
 */
/* line 640, ../sass/global.styles.scss */
.block-superfish ul {
  margin: 0;				/* SDOWNEY WHY DID THEY SET TO IMPORTANT ? I'VE REMOVED */
  padding: 0 !important;
}
/* line 651, ../sass/global.styles.scss */
.block-superfish li {
  margin: 0;				/* SDOWNEY WHY DID THEY SET TO 'IMPORTANT'?  I'VE REMOVED */
  padding: 0 !important;
}

/*
 * Vertical style
 */
/* line 661, ../sass/global.styles.scss */
.sf-vertical {
  width: 100%;
}
/* line 664, ../sass/global.styles.scss */
.sf-vertical li {
  width: 100%;
}
/* line 669, ../sass/global.styles.scss */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
  left: 100%;
  top: 0;
  margin: 0;
  padding: 0;
}
/* line 677, ../sass/global.styles.scss */
.sf-vertical li a {
  padding: 0 10px;
}

/*
 * Navbar style
 */
/* line 687, ../sass/global.styles.scss */
.sf-navbar {
  padding-bottom: 0 !important;
}

/*
 * Sensible padding for the default style
 */
/* line 695, ../sass/global.styles.scss */
.sf-menu.sf-style-default a {
  padding: 0 10px;
}

/* =============================================================================
 *   Menu Toggles
 * ========================================================================== */
/* line 705, ../sass/global.styles.scss */
.at-mt .at-menu-toggle,
.at-mt .at-menu-toggle ul,
.at-mt .at-menu-toggle ul.menu {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
/* line 713, ../sass/global.styles.scss */
.at-mt .at-menu-toggle-button {
  margin: 0;
}
/* line 717, ../sass/global.styles.scss */
.at-mt .at-menu-toggle ul a {
  padding: 0 10px;
  white-space: nowrap;
}

/* =============================================================================
 *   Menus, usually blocks
 * ========================================================================== */
/* line 728, ../sass/global.styles.scss */
ul.menu {
  padding-left: 15px;
}
/* line 731, ../sass/global.styles.scss */
ul.menu ul {
  padding-left: 15px;
}
/* line 739, ../sass/global.styles.scss */
ul.menu li {
  margin: 0;
}

/* If li.content exists it's a problem, so reset the padding */
/* line 768, ../sass/global.styles.scss */
.block .menu li.content {
  padding: 0;
}

/* =============================================================================
 *   Book navigation menu
 * ========================================================================== */
/* line 785, ../sass/global.styles.scss */
.book-navigation .page-up {
  /* Prevent text wrapping to a new line, assumes English "up" is used (two characters) */
  min-width: 2em;
  white-space: nowrap;
}
/* line 791, ../sass/global.styles.scss */
.book-navigation .menu {
  margin-left: 0;
}

/* =============================================================================
 *   Breadcrumbs
 * ========================================================================== */
/* line 801, ../sass/global.styles.scss */
#breadcrumb {
  margin: 10px 0;
  /* If the label is set to show in theme settings the label class is added */
}
/* line 805, ../sass/global.styles.scss */
#breadcrumb .breadcrumb-label {
  font-size: 1em;
  display: inline;
  padding-right: 10px;
}
/* line 810, ../sass/global.styles.scss */
#breadcrumb .breadcrumb-label:after {
  content: ":";
}
/* line 815, ../sass/global.styles.scss */
#breadcrumb ol {
  margin: 0;
  padding: 0;
}
/* line 820, ../sass/global.styles.scss */
#breadcrumb .with-breadcrumb-label ol {
  display: inline;
}
/* line 824, ../sass/global.styles.scss */
#breadcrumb li {
  list-style: none;
  display: inline;
}

/* =============================================================================
 *   Pagers
 * ========================================================================== */
/* line 851, ../sass/global.styles.scss */
ul.pager {
  clear: both;
  margin: 0;
  text-align: center;
}

/* line 858, ../sass/global.styles.scss */
.item-list ul.pager li {
  margin: 0;
}

/* line 863, ../sass/global.styles.scss */
ul.pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  padding: .5em;
}
/* line 869, ../sass/global.styles.scss */
ul.pager li.pager-current {
  font-weight: 700;
}

/* line 875, ../sass/global.styles.scss */
.block ul.pager li {
  margin: 0;
}

/*
 * Theme the various states of pager links
 */
/* =============================================================================
 *   Skip Navigation
 * ========================================================================== */
/* line 912, ../sass/global.styles.scss */
#skip-link {
  left: 50%;
  margin-left: -6.5em;
  margin-top: 0;
  padding: 0 0.5em;
  position: absolute;
  width: 12em;
  z-index: 50;
}
/* line 921, ../sass/global.styles.scss */
#skip-link a {
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}
/* line 931, ../sass/global.styles.scss */
#skip-link a:link, #skip-link a:visited {
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}
/* line 942, ../sass/global.styles.scss */
#skip-link a:hover, #skip-link a:focus, #skip-link a:active {
  outline: 0;
}

/* =============================================================================
 *   Tabs (local tasks)
 * ========================================================================== */
/* line 955, ../sass/global.styles.scss */
#tasks {
  margin-bottom: 15px;
}

/* line 960, ../sass/global.styles.scss */
ul.primary {
  border-bottom-color: #ccc;
  margin: 20px 0;
  padding: 0 0 0 5px;
}
/* line 965, ../sass/global.styles.scss */
ul.primary li {
  display: block;
  float: left;
  margin: 0 1px -1px;
}
/* line 970, ../sass/global.styles.scss */
ul.primary li a {
  background-color: #f5f5f5;
  border-color: #ccc;
  margin-right: 1px;
  padding: 0 10px;
  display: block;
  float: left;
  height: 1.5em;
  line-height: 1.5em;
}
/* line 980, ../sass/global.styles.scss */
ul.primary li a:hover, ul.primary li a:focus {
  background-color: #eee;
  border-color: #ccc;
}
/* line 989, ../sass/global.styles.scss */
ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
  background-color: #fff;
  border-bottom-color: #fff;
}

/* line 999, ../sass/global.styles.scss */
ul.secondary {
  border-bottom: 1px solid #ccc;
  margin: 1em 0 0;
  padding: 0 .3em 1em;
}
/* line 1004, ../sass/global.styles.scss */
ul.secondary li {
  border-right: 0;
  list-style: none;
  padding: 0 10px 0 0;
}
/* line 1010, ../sass/global.styles.scss */
ul.secondary li a:hover, ul.secondary li a.active {
  border-bottom: none;
  text-decoration: underline;
}

/* =============================================================================
 *   Action links
 * ========================================================================== */
/* line 1024, ../sass/global.styles.scss */
ul.action-links {
  margin: 20px 0 0;
  list-style: none;
}

/* =============================================================================
 *  Field Styling
 * ========================================================================== */
/*
 * Wrapper for any field
 */
/*
 * Above and inline classes are on the field wrapper
 */
/*
 * When labels are set to inline in field display settings the clearfix class is automatically added
 */
/* line 1051, ../sass/global.styles.scss */
.field-label-inline {
  /* Remove the margin on inline field lables to preserve vertical formatting */
}
/* line 1054, ../sass/global.styles.scss */
.field-label-inline .field-label {
  margin: 0;
}

/*
 * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues
 */
/* line 1062, ../sass/global.styles.scss */
.field-label {
  font-size: 1em;
  font-weight: 700;
  font-family: inherit;
  line-height: inherit;
  margin-bottom: 0;
}

/*
 * Field types (Core)
 */
/*
 * Image fields use the <figure> and <figcaption> elements from HTML5
 */
/*
 * Taxonomy
 */
/* line 1091, ../sass/global.styles.scss */
.field-type-taxonomy-term-reference {
  /* The same bottom margin as p, blockquote, ul, ol and dl */
  margin-bottom: 1.5em;
}
/* line 1096, ../sass/global.styles.scss */
.field-type-taxonomy-term-reference.field-label-inline .field-items {
  margin: 0;
  padding: 0;
}
/* line 1101, ../sass/global.styles.scss */
.field-type-taxonomy-term-reference.field-label-inline .field-item {
  display: inline;
  list-style: none;
  padding: 0 10px 0 0;
}

/*
 * Text
 */
/*
 * Long text
 */
/*
 * Text with summary
 */
/*
 * File
 */
/*
 * Number/Integer
 */
/*
 * Decimal
 */
/*
 * Number float
 */
/*
 * List
 */
/*
 * List boolean
 */
/*
 * List integer
 */
/*
 * List float
 */
/*
 * Field types (Contrib)
 */
/*
 * Named fields
 */
/*
 * Underscores in field name are replaced with dashes
 */
/*
 * Image Alignment Theme Settings - included here so you can easily override
 */
/*
 * Float none setting
 */
/*
 * Float left setting
 */
/* line 1215, ../sass/global.styles.scss */
.ia-l .field-type-image figure,
.iat-l .field-type-image figure {
  margin: 5px 20px 15px 0;
}

/*
 * Centered setting
 */
/* line 1224, ../sass/global.styles.scss */
.ia-c .field-type-image figure,
.iat-c .field-type-image figure {
  margin: 5px auto 15px;
}

/*
 * Float right setting
 */
/* line 1233, ../sass/global.styles.scss */
.ia-r .field-type-image figure,
.iat-r .field-type-image figure {
  margin: 5px 0 15px 20px;
}

/* =============================================================================
 *   Block Styling
 * ========================================================================== */
/*
 * Main wrapper for most blocks, block_system_main does not have it
 */
/* line 1247, ../sass/global.styles.scss */
.block {
  margin-bottom: 20px;
}

/*
 * Inner wrapper for most blocks, good for margin, padding and borders, block_system_main does not have it
 */
/*
 * The first block in the region
 */
/*
 * The last block in the region
 */
/*
 * Zebra striping for each block in the region
 */
/*
 * Zebra striping for each block in the region
 */
/*
 * Block title
 */
/* line 1285, ../sass/global.styles.scss */
.block-title {
  margin: 0;
}

/*
 * Block content wrapper
 */
/*
 * Match item list and block menu margin and padding
 */
/* line 1301, ../sass/global.styles.scss */
.block-content ul,
.block-content ol {
  padding: 0 0 0 15px;
}
/* line 1306, ../sass/global.styles.scss */
.block-content li {
  margin: 0;
  padding: 0;
}

/*
 * Block for the latest news items in the first category
 */
/*
 * Block for the latest news items in the first feed
 */
/*
 * First block created with "Add block" link
 */
/*
 * "Recent blog posts" block
 */
/*
 * "Book navigation" block for the current book's table of contents
 */
/*
 * "Recent comments" block
 */
/*
 * "Active forum topics" block
 */
/*
 * "New forum topics" block
 */
/*
 * Language switcher block
 */
/*
 * Custom menu block
 */
/*
 * "Recent content" block
 */
/*
 * "Syndicate" block for primary RSS feed; see also page.css's .feed-icon
 */
/*
 * "Most recent poll" block
 */
/*
 * "Author information" block for the profile of the page's author
 */
/*
 * "Search form" block
 */
/*
 * "Shortcuts" block
 */
/*
 * "Popular content" block
 */
/*
 * "Main menu" block
 */
/*
 * "Management" block for Drupal management menu
 */
/*
 * "Navigation" block for Drupal navigation menu
 */
/*
 * "User menu" block for Drupal user menu
 */
/*
 * "System help" block
 */
/*
 * "Main page content" block
 */
/*
 * "Powered by Drupal" block
 */
/*
 * "User login form" block
 */
/*
 * "Who's new" block for a list of the newest users
 */
/*
 * "Who's online" block for a list of the online users
 */
/* =============================================================================
 *   Node Styling
 * ========================================================================== */
/* line 1479, ../sass/global.styles.scss */
.node {
  margin-bottom: 20px;
}
/* line 1496, ../sass/global.styles.scss */
.node .node-title {
  margin: 0;
}

/*
 * All nodes are given a node-FOO class that describes the type of content that
 * it is. If you create a new content type called "my-custom-type", it will
 * receive a "node-my-custom-type" class.
 */
/* =============================================================================
 *   Comment Styling - Comments, comment wrapper, comment form
 * ========================================================================== */
/*
 * Wrapper for the list of comments and its titles
 */
/* line 1554, ../sass/global.styles.scss */
#comments {
  margin: 1.5em 0;
}
/* line 1558, ../sass/global.styles.scss */
#comments h2.comment-title {
  margin: 0;
}
/* line 1562, ../sass/global.styles.scss */
#comments h2.comment-form {
  margin: 0;
}

/*
 * Wrapper for a single comment
 */
/* line 1572, ../sass/global.styles.scss */
.comment {
  margin-bottom: 20px;
}

/*
 * Comment title
 */
/* line 1603, ../sass/global.styles.scss */
.comment-title {
  margin: 0;
}

/*
 * Comment states
 */
/*
 * Preview of the comment before submitting new or updated comment
 */
/*
 * "New" marker for comments that are new for the current user
 */
/* line 1635, ../sass/global.styles.scss */
.new {
  color: #c00;
}

/*
 * Nested comments are indented
 */
/* line 1643, ../sass/global.styles.scss */
.indented {
  margin-left: 40px;
}

/* =============================================================================
 *   Forms
 * ========================================================================== */
/*
 * Wrapper for a form element (or group of form elements) and its label
 */
/* line 1657, ../sass/global.styles.scss */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #c00;
}
/* line 1663, ../sass/global.styles.scss */
.form-item label {
  font-weight: 700;
}
/* line 1670, ../sass/global.styles.scss */
.form-item .description {
  font-size: 0.85em;
}

/*
 * Highlight marks and form required mark
 */
/* line 1683, ../sass/global.styles.scss */
.marker,
.form-required {
  color: #c00;
}

/*
 * The submit button
 */
/* line 1697, ../sass/global.styles.scss */
.container-inline div,
.container-inline label {
  display: inline;
}

/*
 * Define consistent borders
 */
/* line 1706, ../sass/global.styles.scss */
fieldset {
  border: 1px solid #ccc;
}

/*
 * Tips for Drupal's input formats
 */
/*
 * Buttons used by contrib modules like Media
 */
/* line 1720, ../sass/global.styles.scss */
a.button {
  -moz-appearance: button;
  -webkit-appearance: button;
}

/*
 * Password confirmation
 */
/* line 1728, ../sass/global.styles.scss */
.password-parent,
.confirm-parent {
  margin: 0;
}

/* =============================================================================
 *   Tables
 * ========================================================================== */
/* line 1738, ../sass/global.styles.scss */
table {
  margin: 10px 0;
  padding: 0;
  width: 100%;
}
/* line 1743, ../sass/global.styles.scss */
table.sticky-header {
  z-index: 10;
}

/* line 1749, ../sass/global.styles.scss */
table,
thead,
tbody,
tr,
th,
td {
  border-color: #ccc;
}

/* line 1759, ../sass/global.styles.scss */
table,
td,
th {
  vertical-align: middle;
}

/* line 1766, ../sass/global.styles.scss */
caption,
th,
td {
  text-align: left;
}

/* line 1773, ../sass/global.styles.scss */
thead tr {
  font-weight: 700;
  background-color: #e5e5e5;
}

/* line 1779, ../sass/global.styles.scss */
td,
th {
  border-bottom: 0;
  margin: 0;
  padding: 5px 7px;
}

/* line 1790, ../sass/global.styles.scss */
tbody tr {
  border-top: 1px solid #ccc;
}

/* line 1795, ../sass/global.styles.scss */
tr {
  /* Table row striping */
}
/* line 1797, ../sass/global.styles.scss */
tr.odd {
  background: #fff;
}
/* line 1802, ../sass/global.styles.scss */
tr.info, tr.even, tr:nth-child(2n+2) {
  border-bottom: 0;
  background-color: #f5f5f5;
}
/* line 1813, ../sass/global.styles.scss */
tr.odd td.active {
  background-color: #eee;
}
/* line 1817, ../sass/global.styles.scss */
tr.even td.active {
  background-color: #ebebeb;
}

/*
 * Forum tables
 * Core sets white-space to nowrap, which makes no sense
 */
/* line 1840, ../sass/global.styles.scss */
#forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager {
  white-space: normal;
}

/* =============================================================================
 *   Messages
 * ========================================================================== */
/* line 1856, ../sass/global.styles.scss */
div.messages {
  margin-bottom: 10px;
  margin-top: 10px;
}
/* line 1861, ../sass/global.styles.scss */
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

/*
 * Unpublished nodes
 */
/* line 1902, ../sass/global.styles.scss */
.node-unpublished p.unpublished,
.comment-unpublished p.unpublished {
  color: pink;
  color: rgba(239, 170, 170, 0.4);
  font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: center;
  text-transform: uppercase;
  word-wrap: break-word;
}
/* line 186, ../sass/_custom.scss */
.ie6-7 .node-unpublished p.unpublished > *, .ie6-7
.comment-unpublished p.unpublished > * {
  position: relative;
}

/* =============================================================================
 *    Maintenance pages
 * ========================================================================== */
/* line 1913, ../sass/global.styles.scss */
.maintenance-page .container {
  padding: 40px 0;
}
/* line 1917, ../sass/global.styles.scss */
.maintenance-page #site-name,
.maintenance-page #page-title {
  margin: 0;
}

/* line 1925, ../sass/global.styles.scss */
.db-offline .container {
  margin: 0 auto;
  padding: 40px 0;
  width: 100%;
  max-width: 960px;
}
/* line 1932, ../sass/global.styles.scss */
.db-offline div.messages {
  margin: 20px 0 0;
}
/* line 1936, ../sass/global.styles.scss */
.db-offline #content {
  padding: 20px 0;
}

/* =============================================================================
 *   Misc overrides for contrib modules
 * ========================================================================== */
/*
 * Admin menu overrides
 */
/* line 1949, ../sass/global.styles.scss */
#admin-menu {
  margin: 0;
  padding: 0;
}

/*
 * Devel Module
 */
/* line 1958, ../sass/global.styles.scss */
.dev-query {
  background: #eee;
  padding: 30px;
}

/*
 * Styleguide module tweaks
 */
/* line 1967, ../sass/global.styles.scss */
#styleguide-header {
  padding: 0 10px;
}
/* line 1970, ../sass/global.styles.scss */
#styleguide-header .item-list {
  font-family: inherit;
  margin: 0 20px 20px 0;
  min-height: 260px;
  width: auto;
}

/*# sourceMappingURL=global.styles.css.map */



/* ==========================================================================
 *
 *
 *                       DOWNEY CUSTOM STYLES
 *
 *
 * ========================================================================== */



/* ===================================================
 * 
 * FONTS/SIZES/MARGINS/RESETS 
 *
 * =================================================== */


p, div, li {
	line-height:1.75;
	font-size:16px;
	font-family: "Montserrat";
	font-weight: 500;
	-webkit-hyphens: auto;
        	-ms-hyphens: auto;
            		hyphens: auto;
}

/* don't hypenate the site name, category headers or page titles */
h1,
h2,
h3,
h4,
h5,
h6,
.site-name a,
.site-subname a,
.views-field-title,
.views-field-title a,
.programs-category-label,
.help-category-label {
	-webkit-hyphens: none;
        	-ms-hyphens: none;
            		hyphens: none;
}


.block-content ul,
.block-content ol {
	padding: 0 0 0 40px;
}


li,
.block-content li {
	margin: 0 0 1.5em 0; /* bottom 1.5em matches our default p margin-bottom  */
}

/* hide list markers on all pages generated by views (ie, landing pages) */
.view .item-list ul li {
	list-style: none;
}

h2 {
	font-family: 'Montserrat';
	font-weight: 500;
	font-size: 1.5em;
}
h3 {
	font-family: 'Montserrat';
	font-weight: 500;
	font-size: 1.4em;
	margin: 2.0em 0 0.1em 0;
}
/* for when a node *STARTS* with an H3 */
.field-item.even > h3:first-child {
	margin: 0.5em 0 0.1em 0;
}
h4 {
	font-family: "Montserrat";
	font-weight: 500;
	font-size: 1.2em;
	margin: 0 0 1.5em 0;
}
h5 {
	font-family: "Montserrat";
	font-weight: 500;
	font-size: 1.2em;
	margin: 0 0 0.1em 0;
}


/* DEFAULT LINKS */
a:link,
a:hover,
a:visited,
a:active {
	color: #88181b;
	font-weight: 600;
}


/* ================================================
 * 
 * END FONTS/SIZES/MARGINS/RESETS 
 *
 * ================================================ */


/* LOGO & SITE NAME */
.site-name a:link {
	font-family: "Cormorant Garamond";
	font-weight: 500;
	font-size: 60px;
	letter-spacing: 1px;
}

.site-subname a:link {
	font-family: "Montserrat";
	font-weight: 400;
	font-size: 16px;	
}

/* overrides our default of 1.8. Needed for when subname wraps on mobile */
.site-subname {
	line-height: initial;
}

/* page title weight. Family is Montserrat, set elsewhere */
/* overwrite default page-title margins of 0 */
h1#page-title {
	font-weight: 500;
	margin: 0 0 0.5em 0;
}


/* UTILITY MENU */
nav#block-superfish-2 {
	font-family: "Roboto Condensed";
	font-weight:400;
	font-size:16px;
}


/* ARTICLE TITLES ON HOMEPAGE & ALL LANDING PAGES */
.views-field-title a:link {
	color: #88181b;
	font-family: "Georgia";
	font-size: 28px;
	font-weight: 400;
}


/* SET ALL NAV LINKS TO WHITE */
/* we need font weight 500  because the DEFAULT font weight for links is 600. 
 * If we don't set this here, the weight of menu items is uneven - 
 * because some menu items are links (600) and some are not (500) */
nav:not(.breadcrumb-wrapper) a:link,
nav:not(.breadcrumb-wrapper) a:visited,
nav:not(.breadcrumb-wrapper) a:hover,
nav:not(.breadcrumb-wrapper) a:active,
nav:not(.breadcrumb-wrapper) a:link,
nav:not(.breadcrumb-wrapper) a:visited,
nav:not(.breadcrumb-wrapper) a:hover,
nav:not(.breadcrumb-wrapper) a:active {
	text-decoration: none;
	color: #fff;
	font-weight: 500;
}
	
.site-logo a:link,
.site-logo a:visited,
.site-logo a:hover,
.site-logo a:active,
.site-subname a:link,
.site-subname a:visited,
.site-subname a:hover,
.site-subname a:active,
.site-name a:link,
.site-name a:visited,
.site-name a:hover,
.site-name a:active {
	text-decoration: none;
	color: #fff;
}



/* NAV PADDING RESETS - PADDING IS SET AT "MENU-BORDER"*/
.nav li a,
.nav ul.menu li a,
ul.menu li a,
ul.sf-menu a {
	padding:0;
}



/* ===========================
 * BACKGROUNDS
 * =========================== */

#header {
	background-color: #253e5c; 
	color:#fff;
}

#menu-bar {
	background-color: #335a7c;
	color:#fff;
}

/* aka main content */
#columns {					
	background-color: #f2f2f2;
}

/* end backgrounds */


/* ==============================================
 * HOMEPAGE
 * ============================================== */

/* FLOATING VIEWS IMAGES (HOMEPAGE ONY) */   
/* FOR SOME REASON, FF NOW HAS TROUBLE RESIZING THESE IMAGES IF THE FLOAT IS ON THE IMG, INSTEAD OF ON THE PARENT DIV. SO, I'VE HAD TO REMOVE IMG HERE. */
body.front .views-field.views-field-field-header-image,					/* history articles */
body.front .views-field.views-field-field-news-featured-image,			/* news */
body.front .views-field.views-field-field-online-exhibit-image,			/* online exhibits */
body.front .views-field.views-field-field-notable-people-image, 		/* notable people */
body.front .views-field.views-field-field-lectures-featured-image,		/* programs */
body.front .views-field.views-field-field-help-ministry-featured-im,	/* help for your ministry */
body.front .views-field.views-field-field-about-featured-image { 		/* about the society */
	float:left;
	margin-right: 2em;
}


/* homepage featured image borders */
body.front .views-field.views-field-field-header-image img,					/* history articles */
body.front .views-field.views-field-field-news-featured-image img,			/* news */
body.front .views-field.views-field-field-online-exhibit-image img,			/* online exhibits */
body.front .views-field.views-field-field-notable-people-image img, 		/* notable people */
body.front .views-field.views-field-field-lectures-featured-image img,		/* programs */
body.front .views-field.views-field-field-help-ministry-featured-im img,	/* help for your ministry */
body.front .views-field.views-field-field-about-featured-image img { 		/* about the society */
	border: #003a5c 1px solid;
}

	

/* ====================================================
 * STYLING ALL LANDING PAGE ROWS (INCL HOMEPAGE)
 * ==================================================== */

 /* overflow:hidden required to clear float around the image */
 .views-row {
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	overflow: hidden;  
}




/* ===========================================================
 *
 * POSITIONING FIXES
 *
 * =========================================================== */


/* =============================
 * CONTENT BODY WIDTH
 * ============================= */
#main-content {
	width:80%;
	margin-left:auto;
	margin-right:auto;
}


/* ===============================
 * HEADER 
 * =============================== */


/* give some breathing room around logo & utility menu */
/* only set top & bottom margins here. Setting side margins screws with the right alignment of the main & utility navs */
#header .region-header {
	margin:30px 0;	
}
	


/* vertically center header items (logo/utility menu) */

/* SEE: https://yoksel.github.io/flex-cheatsheet/, https://davidwalsh.name/css-vertical-center-flexbox and https://css-tricks.com/centering-css-complete-guide/ */
/* must apply FLEX using this hard-coded div. This is the immediate parent of the two blocks we want to style */
#header .region-inner.clearfix .flexbox-fix {   
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
    		-ms-flex-align: center;
        		align-items: center;	
        -webkit-box-pack: justify;
   		 -ms-flex-pack: justify;
        		justify-content: space-between;		 /* required to push utility menu to the right */
}


/* remove bottom margins in logo block and utility nav */
#header #block-block-2,
#header #block-superfish-2 {
	margin-bottom:0;
}

/* tweak position of name to make it center vertical in the header */
.site-name {
	line-height: 1;
	
}


/* prevent text line wraps in logo block because of collapsing container */
/* in mobile, we turn this off */
.site-subname,
.site-name {
	white-space: pre;
}


/* positioning cross next to site name & subname */
/* on desktop, cannot float the cross - causes problems in Safari. We float the image for phones & small tablets later */
.site-logo-wrapper,
.site-name-wrapper {
	display: inline-block;
}

/*** END HEADER ***/


/* ==============================================
 * SET RIGHT MARGIN FOR BOTH NAVS
 * ============================================== */
nav#block-superfish-4,
nav#block-superfish-2 {
	margin-right: 5%;
}


/* ==========================================
 * SET LEFT MARGIN FOR NAME & LOGO 
 * ========================================== */
#header #block-block-2 {
	margin-left: 20px;
}


/* ========================
 * HOMEPAGE HERO IMAGE
 * ======================== */



/* Hero Caption */

/* required for managing extra long captions */
body.front #block-views-homepage-hero-block .views-row-first {
	position: relative;
 }
 
body.front .homepage-hero .homepage-hero-caption {
	position: absolute;
	bottom: 8px;
	left: 0;
	right: 0;
	color: #fff;
	padding: 10px 20px;
	background: rgba(0,0,0,0.7);
	font-style: italic;
}


/* fix homepage hero image margins */
body.front .region-highlighted #block-views-homepage-hero-block .block-inner.clearfix {
	margin-left:0;
	margin-right:0;
}

/*reset Views default row styling */
body.front .region-highlighted #block-views-homepage-hero-block .views-row {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* =============================================
 * FOR UTILITY NAV - MATCH ADAPTIVE THEME'S LINE HEIGHT STYLING (2.5EM) OF UL.SF-MENU A (MENU ITEMS W/O DROPDOWNS) WITH THIS ONE BELOW - MENU ENTRIES THAT ARE SPANS (WITH DROPDOWNS)
 * ============================================ */

nav#block-superfish-2 li span {
	line-height:2.5em;
}


/* =============================================
 * MAIN CONTENT INTERIOR PAGES
 * ============================================= */

/* drop the top of the page down a bit below the breadcrumb */
body.not-front #columns #content-column .content-inner {
	margin-top: 25px;
}


/* END POSITIONING FIXES */



/* =====================================================
 *
 * MAIN MENU 
 *
 * ===================================================== */


/* Reset Adaptive Theme's default nav margin. */
.nav {
	margin-top: 0; 
	margin-bottom:0;
}


/* Float Main Menu */
#menu-bar ul#superfish-4 {
	float: right;
	margin-top:5px;
}


/* horizontal spacing between menu items */
#superfish-4 .menu-border {
	padding-right:20px;
	padding-left: 20px;
}


/* =======================
 * MENU ITEMS HOVER EFFECT
 * ======================= */


/* Default item UNDERLINE (same color as background) with transition to hover/active underline */
#menu-bar .menu-underline {
	border-bottom: 5px solid #335a7c;
	-webkit-transition: border-color 0.25s linear 0s;
	-moz-transition: border-color 0.25s linear 0s;
	-o-transition: border-color 0.25s linear 0s;
	transition: border-color 0.25s linear 0s;
}

/* Hover & Active item UNDERLINE  */
#menu-bar li.sfHover .menuparent.nolink .menu-underline,	/* hover over parent with children AND active parent when on child page */
#menu-bar a:hover .menu-underline,							/* hover over parent without children  */
#menu-bar li.sfHover a.menuparent .menu-underline,			/* active parent when on Research child page */
#menu-bar li.active-trail .menu-underline {					/* active when on parent page that has no children */
	border-bottom: 5px solid #88181b;
}



/* Default item BACKGROUND color with transistion to hover/active background */
/* even though background-color was declared in the #menu-bar, we have to redeclare it here with the transition in order for it to work properly */
nav#block-superfish-4 ul#superfish-4 li {
	background-color: #335a7c;	
	-moz-transition: background-color 0.25s linear 0s;
	-webkit-transition: background-color 0.25s linear 0s;
	-o-transition: background-color 0.25s linear 0s;
	transition: background-color 0.25s linear 0s;
}

/* Hover & Active item BACKGROUND  */
nav#block-superfish-4 ul#superfish-4 li.sfHover,
nav#block-superfish-4 ul#superfish-4.sf-navbar li.active-trail menu-border {
	background-color: #253c5c;
}



/* CHANGE PARENT ITEM'S TEXT COLOR ON HOVER WHEN PARENT HAS CHILDREN BUT PARENT ISN'T CLICKABLE */ 
/* (In other words, grey out History & Catalogs/Indexes, but keep Research text white  */


/* default TEXT color (even though color is declared in #menu-bar, we have to re-declare it here for the transition to work properly */
/* this transition delay is important! On hover, the dark blue background has to come in first */
nav li.menuparent span.nolink {
	color: #fff;
	-webkit-transition: color 0.25s linear 0.25s;
	-moz-transition: color 0.25s linear 0.25s;
	-o-transition: color 0.25s linear 0.25s;
	transition: color 0.25s linear 0.25s;  
}


/* Hover TEXT color */
nav li.menuparent span.nolink:hover {
	color: #949494;	
}

/* ===========================
 * End Menu Item Hover Effects
 * =========================== */




/* ===============================
 * MAIN MENU SECOND ROW (CHILDREN)
 * =============================== */


/* This controls the "height" of the 2nd row light blue background on interior . Pages that don't have children have specific css that sets margin-bottom: 0; */
body.not-front #menu-bar nav#block-superfish-4 ul#superfish-4 {
	margin-bottom: 3.0em;  
} 

/* dark blue background for 2nd row child items */
#menu-bar ul#superfish-4 ul li  {				
	background-color: #253c5c;
	border: #253c5c 1px solid;
}


#menu-bar ul#superfish-4 ul li .menu-border {
 padding: 0 10px;

}

#menu-bar ul#superfish-4 ul li .menu-border div {
 font-size: .9em;

}

/* move 2nd row down so we can see the active parent underline. overwritting superfish default.*/
#menu-bar .sf-menu li.sfHover > ul {  	/* hovered parent AND active parent */
	top: 2.7em;
}


/*fix issue with border-bottom showing on 2nd row children */
#menu-bar ul#superfish-4 ul .menu-underline {
	border-bottom: 0;
}


/* Active 2nd row child item styling */
#menu-bar ul#superfish-4 ul li.active-trail {
	background-color: #efefef;
}
#menu-bar ul#superfish-4 ul li.active-trail .menu-underline {
	color: #88181b;
}


/* hover effect for child items */
/* height: auto required to keep height of white hover color on 2nd row children matching the active 2nd row children */
#menu-bar ul#superfish-4 ul li:hover {
	background-color:#efefef;
	border:#ccc 1px solid;
	-webkit-transition: background-color 0.35s, border 0.35s linear linear;
	-moz-transition: background-color 0.35s linear, border 0.35s linear;
	-o-transition: background-color 0.35s linear, border 0.35s linear;
	transition: background-color 0.35s linear, border 0.35s linear;
	height: auto; 
}
#menu-bar ul#superfish-4 ul li:hover .menu-underline {
	color: #88181b;
}


/* reposition 'catalog & indexes' 2nd row to the right */
#menu-bar #superfish-4 li#menu-1506-4 ul {
	margin-left: 26%;
  left: 0 !important;
}


/* 
 * MAIN MENU DROPDOWN STYLING FOR MOBILE - DOES NOT NEED A MEDIA QUERY
 */

/*horiz rule */
ul#superfish-4-accordion li:not(:last-child) {
	border-bottom: #ccc 1px solid;
}

/* diff horiz rule for children */
ul#superfish-4-accordion li ul li:not(:last-child) { 
	border-bottom: #990 1px solid;
	width: 95%;
}


/* remove custom padding found at #menu-bar .menu-border.  This is preventing correct left-justification */
#menu-bar ul#superfish-4-accordion .menu-border{
	padding-right: 0;
	padding-left: 0;
}

/* now that left-justification is fixed, indent the children */
ul#superfish-4-accordion li { 
	margin-left: 20px;
}

/* fix vertical height issue - normally 2.5em */
ul#superfish-4-accordion.sf-menu a {
	height: inherit;
}

/* horiz rule for "About" */
nav#block-superfish-5 {
	border-top: #ccc 1px solid;
}

/*
 * END MAIN MENU DROPDOWN STYLING FOR MOBILE
 */


/* ======================================================
 * 
 * END MAIN MENU
 *
 * ====================================================== */




/* =====================================================
 *
 * UTILITY MENU
 *
 * ===================================================== */

/* styling around parents */
nav#block-superfish-2 ul>li {
	background-color: #383838;
	border: #252525 1px solid;
}

/* utility menu dropdown background */

nav#block-superfish-2 ul li ul li {
	background-color: #002a5c;
}

/* horizontal borders on dropdown items */

nav#block-superfish-2 ul ul li.first,
nav#block-superfish-2 ul ul li.middle {
	border-top: #000 1px solid;
}

nav#block-superfish-2 ul ul li.last {
	border-top: #000 1px solid;
	border-bottom: #000 1px solid;
}

/* end borders */


nav#block-superfish-2 ul li a,
nav#block-superfish-2 ul li span {
	padding: 0 20px 0 20px;
}


/* spread out the nav items */
nav#block-superfish-2 li.first {
	margin-right:30px;
}

nav#block-superfish-2 ul li .menu-underline:hover {
	background-color: #000;
	-webkit-transition: background-color 0.25s linear;
	-moz-transition: background-color 0.25s linear;
	-o-transition: background-color 0.25s linear;
	transition: background-color 0.25s linear;
}


/* utility active item, hover item */		
#superfish-2 li.active-trail span,			
#superfish-2 li.active-trail ul li.active-trail a {	
	background-color: #000;
}



/*=======================================
 * HOMEPAGE MAIN CONTENT 
 *======================================= */

/* push top of main content column down a bit */
body.front .moscone-flipped-column-content-region {
	margin-top: 30px;
}


/* 
 * VERTICAL SEPARATION 
 */

/* remove default vertical seperation between content items of differerent types */
#homepage-panel .moscone-flipped-content .panel-pane.pane-views.block {
	margin-bottom: 0;
}

/* remove p tags from last paragraphs of any item description */
#homepage-panel .moscone-flipped-content p:last-child {
	margin-bottom: 0;
}

/* add custom vertical separation between content items of different types (news vs history, etc.) */
#homepage-panel .moscone-flipped-content .panel-separator {
	margin-bottom: 2em;
	overflow:hidden;
}

/*vertical seperation between multiple items of the same type */
#homepage-panel .moscone-flipped-content .news-items-on-homepage ul li:not(:last-child),
#homepage-panel .moscone-flipped-content .history-items-on-homepage ul li:not(:last-child),
#homepage-panel .moscone-flipped-content .online-exhibits-on-homepage ul li:not(:last-child),
#homepage-panel .moscone-flipped-content .about-items-on-homepage ul li:not(:last-child),
#homepage-panel .moscone-flipped-content .help-for-your-ministry-on-homepage ul li:not(:last-child),
#homepage-panel .moscone-flipped-content .programs-on-homepage ul li:not(:last-child) {
	margin-bottom: 2em;
}


/* headers for each type of homepage content (news, history, online exhibit, help, about) */
#homepage-panel .moscone-flipped-content h2.pane-title.block-title {
	margin: 0 0 0.25em 2.5em;
    	background-color: #B7C8D0;
    	padding: 0.1em 0 0.1em 1.0em;
    	font-family: "Roboto Condensed";
	font-weight: 400;
    	font-size: 0.9em;
    	text-transform: uppercase;
	color: #000;
}

/* END HOMEPAGE CONTENT ITEMS */


/*=================================
 * HOMEPAGE SIDEBAR 
 *================================= */


/* push entire column down a bit */
body.front .moscone-flipped-sidebar {
	margin-top: 30px;
}


/* spacing between blocks */
body.front .moscone-flipped-sidebar-inner .panel-pane.block {
	margin-bottom: 40px;
}

/* background & border of each block */
body.front .moscone-flipped-sidebar-inner .panel-pane {
	background-color: #fff;
	border: #000 1px solid;
	padding: 0;
}


/* to allow title background color to go all the way to the edge */
body.front .moscone-flipped-sidebar-inner .panel-pane .block-inner {
	margin:0;
}

/*content padding */
body.front .moscone-flipped-sidebar-inner .panel-pane .block-inner .block-content {
	margin: 15px 10px 10px 10px;
}


/* title block */
body.front .moscone-flipped-sidebar-inner h2.pane-title.block-title {
	font-family: "Roboto Condensed";
	font-weight:400;
	font-size: 20px;
	background-color: #88181b;
	color:#fff;
	text-align:center;
	padding:0;
	text-transform: uppercase
}

/*============================================
 * CUSTOM HOMEPAGE SIDEBAR STYLING 
 *============================================ */

/* EMAIL SIGNUP */
body.front #email-signup {
	border: none;
	background-color: transparent;
}

body.front #email-signup h2.pane-title.block-title {
	background-color: transparent;
	color: #000;
	text-align:left;
}

/* sign up field & submit button */
body.front #email-signup .mailchimp-newsletter-mergefields {
	float: left;
	margin-right: 10px;
}

/*allow input field to be responsive */
body.front #email-signup form input#edit-mergevars-email {
	width: 100%;
}



/* HOURS OF OPERATION */
body.front #hours-of-operation  {
	border: none;
	background-color: transparent;
}
body.front #hours-of-operation h2.pane-title.block-title {
	background-color: transparent;
	color: #000;
	border-top:#002a5C 3px solid;
}


/* ==============================================
 * SITE FOOTER (INCL GIVING REMINDER)
 * ============================================== */


/* STICKY FOOTER */

/* this is the wrapper */
#page {
	display: -webkit-box;
	display: -ms-flexbox;
 	display: flex;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
      		-ms-flex-direction: column;
			flex-direction: column;
	height: 100%;    	/* have to use percentages here because iOS 8 messes up the footer if you use vh */
	min-height:100vh;	/* but, everyone else needs height in vh, so the way to do that is to ALSO declare a min-height in vh */
}


/* IE10 & IE11 requires 100vh, not 100%, on this element. 
 * IE10/11 don't respect the min-height declaration we used above, 
 * so we have to write a specific height: 100vh just for these browsers */
_:-ms-input-placeholder, :root #page {height: 100vh; }

#footer {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

/* this is the 'body' */
#sticky-footer {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: var(--space) var(--space) 0;
  width: 100%;
background-color: #f2f2f2;
}

#sticky-footer::after {
  content: '\00a0';
  display: block;
  margin-top: var(--space);
  height: 0;
  visibility: hidden;
}

/* END STICKY FOOTER */


/* PADDING THREE BOTTOM COLUMNS */
footer .geary-column-content {
	padding: 20px 0;
}


/* VERTICAL ALIGNMENT OF CONTENT BLOCKS IN THREE BOTTOM COLUMNS  */
footer .geary-column-content {
	display: flex;
	align-items: center;
}


/* MARGIN RESETS */
footer .geary-container,
footer .block,
footer p {
	margin-bottom: 0;
}
/* END MARGIN RESETS */



/* three bottom divs */

/* background & text color */
footer .geary-column-content {
	background-color: #253e5c;
	color: #ccc;
}

/* links */
footer .geary-column-content a:link,
footer .geary-column-content a:visited {
	color: #ccc;
}
footer .geary-column-content a:hover,
footer .geary-column-content a:active {
	color: #fff;
}

/* centering the divs */
footer .region-inner {
	text-align: center;
	margin-bottom: 0;
}



/* STYLES SPECIFIC TO BOTTOM THREE DIVS */
footer .geary-column-content p {
	font-size: 0.9em;
}


/* GIVING REMINDER STYLES */
footer .geary-header {
	background-color: #f2f2f2;
	border-top: #ccc 1px solid;
	color:#000;
	font-style: italic;
	padding: 20px 0;
}

/* ==============================================
 * END SITE FOOTER (INCL GIVING REMINDER)
 * ============================================== */
 
 
 /* ============================================
  * FOR ALL LANDING PAGES
  * ============================================ */

/* If, for some reason, we have a landing page entry that does NOT have any summary or trimmed text, we give it a little
 * vertical spacing so it doesn't crowd the item below it.  This div is explicitly set in every landing page view "body" field. */
 
.empty-landing-page-teaser {
	margin-bottom: 1.0em;
}

/* since there's an H3 with a big top margin right below the landing page description text, we don't also need to have
 * the p's bottom margin */
 
.field-name-field-landing-page-description  p {
	margin-bottom: 0;
}

/* ==============================================
 * HISTORY ARTICLES LANDING PAGE 
 * ============================================== */


/* HIDE TITLE OF NODE THAT WE USING TO FEED THE HEADER */
body.page-history .view-header header.node-header h1.node-title {
	display: none;
}
/* style page header */
body.page-history .field-name-field-landing-page-description p {
    font-family: "Montserrat";
    font-size: 1.3em;
}

/* float the image */
body.page-history .views-field-field-header-image {
	float: left;
	margin-right: 2em;
}

/* image border */
body.page-history .views-field-field-header-image img {
	border:#003a5c 1px solid;
}

/* remove bottom border from each item and increase vertical separation */
body.page-history .view-history-articles-landing-page ul li {
	margin-bottom: 2em;
}



/* ==============================================================
 * HISTORY ARTICLES PAGE 
 * ============================================================== */

/*SIDEBARS */


/* remove jquery theme from sidebar accordian */


/* remove rounded border around item title */
body.node-type-history-article #history-article-sidebar .ui-corner-all {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
/* remove title gradient background */
body.node-type-history-article #history-article-sidebar .ui-state-default,
body.node-type-history-article #history-article-sidebar .ui-widget-content .ui-state-default,
body.node-type-history-article #history-article-sidebar .ui-widget-header .ui-state-default {
	border: none;
	background: transparent;
	font-weight: inherit;
	color: inherit;
}

/* remove expanding border around content */
body.node-type-history-article #history-article-sidebar .ui-widget-content {
	border: 0;
	background: transparent;
	color: inherit;
}
/*remove border around title when it expands to show content */
body.node-type-history-article #history-article-sidebar .ui-state-active,
body.node-type-history-article #history-article-sidebar .ui-widget-content .ui-state-active, 
body.node-type-history-article #history-article-sidebar .ui-widget-header .ui-state-active {
	border: 0;
	background: transparent;
	font-weight: inherit;
	color: inherit;
}

/* end remove jquery theme */



/*each notable block */
body.node-type-history-article #history-article-sidebar section.pane-notable-people-for-sc-history-articles,
body.node-type-history-article #history-article-sidebar section.pane-notable-moments-for-sc-history {
	background-color: #fff;
	margin-bottom: 40px;
}
body.node-type-history-article #history-article-sidebar .block-inner {
	margin-right: 0;
	margin-left: 0;
}	

/* spacing between each notable item */
body.node-type-history-article #history-article-sidebar .views-row {
	margin-top:0;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

body.node-type-history-article #history-article-sidebar .views-row:not(:last-child) {
	border-bottom: #ccc 1px solid;
}

/* each notable block header */
body.node-type-history-article #history-article-sidebar h2 {
	font-size: 20px;
	font-family: "Roboto Condensed";
	font-weight: 400;
	text-align: center;
	color:#fff;
	background-color: #88181b;
	text-transform: uppercase;
	padding: 5px; 
}

/* each notable item title link */
body.node-type-history-article #history-article-sidebar .views-field-title a:link {
	font-size: 1.1em;
	font-family: "Montserrat";
	font-weight: 400;
}
body.node-type-history-article #history-article-sidebar .views-field-title a:hover {
	text-decoration: underline;
}

/* overwrite default padding between icon and item title */
body.node-type-history-article #history-article-sidebar .ui-accordion-icons .ui-accordion-header a {
	padding-left: 1.5em;
}

/* remove last p's bottom margin from item's content */
body.node-type-history-article #history-article-sidebar .views-field-body p:last-child {
	margin-bottom: 0;
}


/* HISTORY ARTICLE HEADER & HERO IMAGE */

body.node-type-history-article .moscone-header {
	margin-bottom: 50px;
}

/* required to help keep caption sticky to bottom of image */
body.node-type-history-article #history-article-header {
	position: relative;
}

body.node-type-history-article #history-article-header .block-inner {
	margin-right: 0;
	margin-left: 0;
}

body.node-type-history-article #history-article-header #history-article-header-caption {
	position: absolute;
	background-color: rgba(0,0,0,0.7);
	bottom: 10px;
	right: 0;
	left: 0;
	padding: 10px 20px 10px 20px;
	color: #fff;
	font-style: italic;
}

body.node-type-history-article #history-article-header #history-article-image img {
	/* box sizing required so that total width of image w/border doesn't exceed width of caption background */
	border: #003a5c 1px solid;
	 -webkit-box-sizing: border-box;
            box-sizing: border-box
}


/* HISTORY ARTICLE FOOTER */

/* tabs */

/* for some reason, the responsive tab module sets a different padding for the active tab and marks it !important. We line up the inactive tab here */
body.node-type-history-article .panels-responsive-tabs-processed .item-list ul.resp-tabs-list li:not(.resp-tab-active)  {
	padding: 12px 14px 14px 14px;
}

/*web links - remove bottom margin from last p */
body.node-type-history-article .panels-responsive-tabs-processed .view-web-links div.views-row-last .views-field-body p:last-child {
	margin-bottom: 0;
}


/* bibliography */

/* styles for title of item */
body.node-type-history-article .panels-responsive-tabs-processed .view-bibliography-for-sc-history-articles ul li .views-field-title span.field-content {
	font-style: italic;
	font-weight: 600;
}

/* remove bottom margin from last p */
body.node-type-history-article .panels-responsive-tabs-processed .view-bibliography-for-sc-history-articles ul li.views-row-last .views-field-body p:last-child {
	margin-bottom: 0;
}




/* =============================================================
 * NOTABLE PEOPLE PAGES 
 *============================================================== */

/*float image */
body.node-type-notable-people .field-name-field-notable-people-image {
	float: left;
	margin-right: 2em;
}

body.node-type-notable-people section.group-notable-people-dates.field-group-html5 {
	margin-bottom: 20px;
}

/* float dates */
body.node-type-notable-people .field-name-field-notable-people-date-born {
	float:left;
	padding-right: 10px
}

body.node-type-notable-people .field-name-field-notable-people-image img {
	border: #003a5c 1px solid;
}



/* ====================================================
 * NOTABLE PEOPLE LANDING PAGE 
 * ==================================================== */

/* styling of page header description is covered under the "History" section */

/* put a HR under the glossay */
body.page-history-people .view-clone-of-glossary .attachment {
	margin-bottom: 20px;
	border-bottom: #ccc 1px solid;
}

/* float image */
body.page-history-people .views-field-field-notable-people-image {
	float: left;
	margin-right: 2em;
}

/* image border */
body.page-history-people .views-field-field-notable-people-image img {
	border:#003a5c 1px solid;
}

/*vertical spacing between items */
body.page-history-people .notable-people-landing ul li {
	margin-bottom: 2em;
	}

body.page-history-people .notable-people-landing ul li.views-row-last {
	margin-bottom: inherit
}



/* =================================================
 * NEWS LANDING PAGE 
 * ================================================= */

/* collapse the 2nd row background of the main menu - not used here */
body.page-about-news #menu-bar nav#block-superfish-4 ul#superfish-4 {
	margin-bottom: 0;
}

body.page-about-news .views-field-field-news-featured-image {
	float: left;
	margin-right: 2em;
	margin-top: 1em;
}

/* image border */
body.page-about-news .views-field-field-news-featured-image img {
	border:#003a5c 1px solid;
}


/* add space article body (to seperate it from publication date and byline) Image spacing is handled w/image float  */
body.page-about-news .news-landing-page .views-field-field-news-body {
	margin-top: 1em;
}


/* vertical spacing between items */
body.page-about-news .news-landing-page .item-list ul li {
	margin-bottom: 2em;
}


/* =====================================================
 * NEWS PAGES 
 * ===================================================== */

/* collaps the 2nd row background of the main menu - not used for news */
body.node-type-news #menu-bar nav#block-superfish-4 ul#superfish-4 {
	margin-bottom: 0;
}


/* float & style the image */
body.node-type-news .field-name-field-news-featured-image {
	float:left;
	padding-right: 2em;
}

body.node-type-news .field-name-field-news-featured-image picture img {
	border:#003a5c 1px solid;
}


/* vertical space between date/byline and body of article */
body.node-type-news .field-name-field-news-featured-image,
body.node-type-news .field-name-field-news-body  {
	margin-top: 2em;
}

/* styling the byline */
body.node-type-news .field-name-field-news-byline {
	font-style: italic;
}




/* =========================================================
 * HELP FOR YOUR MINISTRY LANDING PAGE
 * ========================================================= */

/* Collapse the 2nd nav row background of main menu - not used here */
body.page-help-for-your-ministry #menu-bar nav#block-superfish-4 ul#superfish-4 {
	margin-bottom: 0;
}


/* hide the fake 2nd level menu in the breadcrumb */
body.page-help-for-your-ministry #breadcrumb nav.breadcrumb-wrapper ol#crumbs li:nth-child(3) {
	display: none;
}


/* HIDE TITLE OF NODE THAT WE USING TO FEED THE HEADER */
body.page-help-for-your-ministry .view-header header.node-header h1.node-title {
	display: none;
}

body.page-help-for-your-ministry .field-name-field-landing-page-description p {
    font-family: "Montserrat";
    font-size: 1.3em;
}

/* category header text  .help-category-label & .help-category-image are defined in the VIEW  */
body.page-help-for-your-ministry .item-list h3 .help-category-label {
	background-color: #335a7c8f;
	font-family: "Roboto Condensed";
	font-weight: 400;
	font-size:20px;
	color:#000;
	text-transform: uppercase;
	padding: 0 0 0 20px;
	text-align: left;
}

/* category layout */
body.page-help-for-your-ministry .item-list {
	overflow:hidden;
}

/* category header image */
body.page-help-for-your-ministry .item-list h3 .help-category-img {
	float: left;
	margin-top: 2em;
}
body.page-help-for-your-ministry .item-list h3 .help-category-img img {
	border:#003a5c 1px solid;
}


/* prevent long lists of articles from wrapping under category image */
body.page-help-for-your-ministry .item-list ul {
	overflow: hidden;
}


/* titles of individual articles */
body.page-help-for-your-ministry .item-list .views-field-title-1 a {
	font-family: "Georgia";
	font-size: 24px;
	font-weight: 400;
}

	

/* ======================================================
 * HELP FOR YOUR MINISTRY PAGES
 * ====================================================== */

/* Collapse the2nd nav row background of main menu - not used here */
body.node-type-help-for-your-ministry #menu-bar nav#block-superfish-4 ul#superfish-4 {
	margin-bottom: 0;
}

/* hide the fake 2nd level menu in the breadcrumb */
body.node-type-help-for-your-ministry #breadcrumb nav.breadcrumb-wrapper ol#crumbs li:nth-child(3) {
	display: none;
}


/* float featured image */

/* float featured image */
body.node-type-help-for-your-ministry .pane-node-field-help-ministry-featured-im {
	float: left;
	margin-right: 2em;
}

body.node-type-help-for-your-ministry .pane-node-field-help-ministry-featured-im picture img {
	border: #003a5c 1px solid;
}


/* style author field */
body.node-type-help-for-your-ministry .field-name-field-help-ministry-author {
	margin-bottom: 20px;
	font-style: italic;
}


/* style optional bibliography titles (same style as biblio items for History articles) */
body.node-type-help-for-your-ministry .pane-bibliography-for-help-for-your-ministry ul li .views-field-title span.field-content {
	font-style: italic;
	font-weight: 600;
}


/* =====================================================
 * RESEARCH LANDING PAGE
 * ===================================================== */


/* horiz border between each item */
body.page-research #research-landing-page #online-research .block-inner ,
body.page-research #research-landing-page #in-person-research .block-inner {
	border-bottom:#ccc 1px solid;  /* this is one of the few times we want a border between items */
}


/* headers for each item */
body.page-research #research-landing-page #online-research h2,
body.page-research #research-landing-page #in-person-research h2 {
	font-size: 1.2em;

}

/* header for FIRST item in online research column */
body.page-research #research-landing-page .research-landing-header h2 {
	font-size: 1.5em;
	font-family: "Roboto Condensed";
	font-weight: 400;
	background-color: #88181b;
	color: #fff;
	padding: 5px 5px 5px 15px;
}

body.page-research #research-landing-page .research-landing-header .block-content p {
	padding-top: 10px;
	font-weight: 700;
}


/* border any picture */
body.page-research #research-landing-page picture img {
	border: #003a5c 1px solid;
}


/* ==========================================================
 * RESEARCH > USEFUL WEB LINKS
 * ========================================================== */

/* hide the title of the node being used as the header/descriptive text for this View */
 
body.page-research-useful-websites .view-header header.node-header h1.node-title {
    display: none;
}

/* ==========================================================
 * ALL OTHER "ABOUT" PAGES, OTHER THAN NEWS
 * ========================================================== */

/* Collapse the2nd nav row background of main menu - not used here */
body.node-type-about #menu-bar nav#block-superfish-4 ul#superfish-4 {
	margin-bottom: 0;
}



/* ============================================================
 * PROGRAMS LANDING PAGE
 * ============================================================ */


/* Collapse the 2nd nav row background of main menu - not used here */
body.page-programs #menu-bar nav#block-superfish-4 ul#superfish-4 {
	margin-bottom: 0;
}

/* hide the fake 2nd level menu in the breadcrumb */
body.page-programs #breadcrumb nav.breadcrumb-wrapper ol#crumbs li:nth-child(3) {
	display: none;
}


/* Hide Header node title */
body.page-programs .view-header header.node-header h1.node-title {
	display: none;
}

/* landing page description style */
body.page-programs .field-name-field-landing-page-description p {
	font-family: "Montserrat";
	font-size: 1.3em;
}


/* category header text   .PROGRAMS-CATEGORY-LABEL & .PROGRAM-CATEGORY-IMG ARE DEFINED IN THE VIEW */
body.page-programs .item-list h3 .programs-category-label {
	background-color: #335a7c8f;
	font-family: "Roboto Condensed";
	font-weight: 400;
	font-size: 20px;
	color:#000;
	text-transform: uppercase;
	padding: 0 0 0 20px;
	text-align: left;
}

/* category layout */
body.page-programs .item-list {
	overflow:hidden;
}

/* category header image */
body.page-programs .item-list h3 .programs-category-img {
	float: left;
	margin-top: 2em;
}
body.page-programs .item-list h3 .programs-category-img img {
	border:#003a5c 1px solid;
}

/* when we have a category thumb img, prevent a long list of articles from wrapping under the image */
body.page-programs .item-list ul {
	overflow:hidden;
}



/* titles of each individual article */
body.page-programs .item-list .views-field-field-programs-title-link div.field-content, /* when article title is not linked */
body.page-programs .item-list .views-field-field-programs-title-link a {				/* when article title IS linked */
	font-family: "Georgia";
	font-size: 24px;
	font-weight: 400;
}



/* ================================================================
 * PROGRAMS PAGES 
 * ================================================================ */


/* Collapse the2nd nav row background of main menu - not used here */
body.node-type-programs #menu-bar nav#block-superfish-4 ul#superfish-4 {
	margin-bottom: 0;
}

/* hide the fake 2nd level menu in the breadcrumb */
body.node-type-programs #breadcrumb nav.breadcrumb-wrapper ol#crumbs li:nth-child(3) {
	display: none;
}

/* float featured image */
body.node-type-programs .field-name-field-lectures-featured-image {
	float: left;
	margin-right: 2em;
}

body.node-type-programs .field-name-field-lectures-featured-image figure picture img {
	border: #003a5c 1px solid;
}

/* prevent orphans from wrapping around the bottom of the floated feature image */
body.node-type-programs .field-name-body {  
	overflow: hidden;
}

/* ===========================================================
 * RESEARCH WEBFORMS
 * =========================================================== */


/* make text and select fields responsive */
@media (max-width: 768px) { /* iPhone 6 Was 414 */
	body.section-research form#webform-client-form-48 input.form-text,
	body.section-research form#webform-client-form-48 select.form-select,
	body.section-research form#webform-client-form-79 input.form-text,
	body.section-research form#webform-client-form-79 select.form-select {
		width: 100%;  
		padding: 5px 0; 					/* don't pad the width, or it will add px on top of the 100% width, and break out of its containder*/
    		text-indent: 5px; 				/* instead, pad INSIDE the field with this. */ 
	}
}


/*vert spacing between sections */
body.section-research form#webform-client-form-48 fieldset,
body.section-research form#webform-client-form-79 fieldset {
	margin-bottom: 20px;
}

/* section headers (fieldset legends) */
body.section-research form#webform-client-form-48 fieldset legend,
body.section-research form#webform-client-form-79 fieldset legend {
	text-transform: uppercase;
	font-size: 20px;
}
  
/* indent selections */
body.section-research form#webform-client-form-48 fieldset div#edit-submitted-description-type-type-of-research-select,
body.section-research form#webform-client-form-48 fieldset div#edit-submitted-description-purpose-purpose-of-research-select,
body.section-research form#webform-client-form-79 fieldset div#edit-submitted-describe-research-fieldset-type-type-of-research-select,
body.section-research form#webform-client-form-79 fieldset div#edit-submitted-describe-research-fieldset-purpose-purpose-of-research-select {
	margin-left: 20px;
}


/* ==================================================================
 * ONLINE EXHIBITS LANDING PAGE
 * ================================================================== */

/* Collapse the 2nd nav row background of main menu - not used here */
body.page-online-exhibits #menu-bar nav#block-superfish-4 ul#superfish-4 {
	margin-bottom: 0;
}


/* HIDE TITLE OF NODE THAT WE USING TO FEED THE HEADER */
body.page-online-exhibits .view-header header.node-header h1.node-title {
	display: none;
}

/* style header description */
body.page-online-exhibits .field-name-field-landing-page-description p {
	font-family: "Montserrat";
	font-size: 1.3em;
}


/* float image */
body.page-online-exhibits .views-field-field-online-exhibit-image {
	float:left;
	margin-right: 2em;
}


body.page-online-exhibits .views-field-field-online-exhibit-image picture img {
	border: #003a5c 1px solid;
}


body.page-online-exhibits .online-exhibits-landing-page ul li {
	margin-bottom: 2em;
}


/* ================================================================
 * 'ABOUT' PAGES 
 * ================================================================ */


/* float featured image */
body.node-type-about .field-name-field-about-featured-image {
	float: left;
	margin-right: 2em;
}

/* border featured image */
body.node-type-about .field-name-field-about-featured-image picture img {
	border: #003a5c 1px solid;
}


/* ========================================================================
 * 'ADD TO ANY' WIDGET
 * ======================================================================= */

/* makes sure add-this widget sticks to bottom of node if there's a big featured image but not a lot of text */
article .node-content {
	overflow: hidden;
}


/* ===================================================================== 
 * FEATURED IMAGE CAPTIONS - USING 'IMAGE FIELD CAPTION' MODULE
 * ===================================================================== */

/* "About" & "News" featured images are the only ones that need a defined bottom margin. "Programs" featured images are not floated; "Help" featured images
 * already have a 20px bottom margin courtesy of their panels block parent. Notable People aren't captioned. */ 
body.node-type-about figure,
body.node-type-news figure {
	margin-bottom: 20px;
}
 
figure blockquote.image-field-caption {
	margin:-0.3em 0 0 0;
	border-bottom:#ccc 1px solid;
	text-align: center;
}

figure blockquote.image-field-caption p {
	font-size: 0.8em;
	color:#333;
	line-height: 1.3em;
	margin-bottom:5px;
}

/* Supress featured image caption on homepage and on News landing pages.
 * Program Featured Images are not shown on Program Landing Page.
 * Notable People Featured Image does not have captions.
 * About does not have a landing page
 * Help Featured Images are not shown on Help Landing Page
 * Online Exhibits Featured Image does not have captions. */
 
body.front blockquote.image-field-caption, 
body.page-about-news blockquote.image-field-caption {
	display: none;
}

/* ===================================================================
 * CUSTOM LAYOUTS FOR CKEDITOR
 * =================================================================== */
.callout-left {
	 float: left;
	 padding: 20px;
	 border: #003a5c 1px solid;
	 margin: 10px 20px 20px 0;
	 background-color: #fff;
	 width: 15%;
	  -webkit-box-sizing: border-box;
            box-sizing: border-box
 }
.callout-left p,
.callout-right p {
	margin-bottom: 0;
	 -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
	text-align: center;
}

.callout-right {
	 float: right;
	 padding: 20px;
	 border: #003a5c 1px solid;
	 margin: 10px 20px 20px 0;
	 background-color: #fff;
	 width: 15%;
	  -webkit-box-sizing: border-box;
            box-sizing: border-box
 }

/* ===================================================================
 * INLINE IMAGES AND OPTIONAL CAPTIONS - USING 'JCAPTION' MODULE
 * =================================================================== */

/* float is handled by the CKEditor img dialogue box and written here */
/* There's no collision with the featured or landing page images because the Picture module ONLY writes "data-picture-align" on images inserted inline */

span.caption {
	margin-bottom: 20px;
}

img[data-picture-align="left"] {
	margin-right: 20px;
	margin-bottom: 10px;
	border: #003a5c 3px solid;	
}

img[data-picture-align="right"] {
	margin-left: 20px;
	margin-bottom: 10px;
	border: #003a5c 3px solid;	
}

/* making sure that inline captions (powered by jcaption module) follow the alignment of their images. */

/* if picture has a caption, we need to change its layout */
.caption picture {
	display: inline-block;
}

/* style the caption */
.caption p {
	font-size: 0.8em;
	color: #333;
	line-height: 1.3em;
	text-align:center;
	margin-bottom: 5px;
}

/* if picture has a caption, it creates a new wrapper around the picture and the caption, so we must set the position on the wrapper, and turn the positioning OFF on the img */
.caption.right {
	float: right;
	margin-left:20px;
	border-bottom: #ccc 1px solid;
}

.caption.right picture img[data-picture-align="right"] {
	margin-left:0;
	margin-bottom: 0;
}
 
.caption.left {
	float: left;
	margin-right: 20px;
	border-bottom: #ccc 1px solid;
}
		
.caption.left picture img[data-picture-align="left"] {
	margin-right:0;
	margin-bottom: 0;
}



/* ==================================================================================
 *
 *
 * MOBILE STYLES
 *
 *
 * =================================================================================== */




/* ====================
 * HEADER
 * ==================== */

/* float cross for phones and small tablets */
@media (max-width: 545px) {
	.site-logo-wrapper { 
		float:left;
		margin-right: 8px;
		margin-top: 10px;
	}
	.site-logo-wrapper,
	.site-name-wrapper { /* turn off inline-block */
		display: block;
	}
	/* prevents partial wrapping of site name under cross, left-justifies it w/site subname */
	.site-name {  
		overflow: hidden;
		padding-top: 5px;
	}
}

/* REDUCED SITE NAME */
 @media (max-width: 768px) { 
	.site-name a:link {
		font-size: 40px;
	}
	.site-subname a:link {
		font-size: 12px;
	}
}


@media (min-width: 769px) and (max-width: 1024px) {
	.site-name a:link {
		font-size: 48px;
	}
}


/* let site name wrap if needed */
/* same width as menu changing to mobile */
@media screen and (max-width : 920px) {
	.site-subname,
	.site-name {
		white-space: inherit;
	}	
}


/* ===============================================
 * HOMEPAGE
 * =============================================== */

/* move homepage hero image below (not in) the image */
/* reduce font size */
@media (max-width: 1160px) {
	body.front .homepage-hero .homepage-hero-caption {
		position: relative;
		bottom: inherit;
		left: inherit;
		right: inherit;
		margin-top: -10px;
	}
	body.front .homepage-hero .homepage-hero-caption .field-content {
		font-size: 14px;
	}
}
 
 
 

/* HOMEPAGE SIDEBAR - FLIP IT TO THE BOTTOM - OVERWRITES MOSCONE DEFAULT BREAKPOINT OF 480 PX
 * I THNK I PREFER THIS FOR SMALL TABLETS IN PORTRAIT MODE */
@media (max-width:768px) {
	body.front .moscone-flipped-sidebar,
	body.front .moscone-flipped-content {
		width: 100%;
		float: none;
	}
}


/* HOMEPAGE MAIN CONTENT - GET RID OF LEFT MARGIN/PADDING FOR PHONES */


/* overwriting a custom style for homepage category labels */
@media (max-width: 768px) {
	#homepage-panel .moscone-flipped-content h2.pane-title.block-title {
		margin: 0 0 0.25em 0;
	}
	/* overwriting default .item-list ul li */
	body.front .moscone-flipped-container .item-list ul li { 
		margin: 0 0 0.25em 0;
	}
	/* overwriting default block-content ul */
	body.front .moscone-flipped-container .block-content .item-list ul {
		padding: 0;
	}
}
	

/* KILL IMAGE FLOAT FOR ALL FEATURED & LANDING PAGES IMAGES FOR MOBILE. WE'RE DOING 480px 'CAUSE IT COVERS IPHONE 6,7,8 (414PX) AND 10 (375PX) */
@media (max-width: 480px) {
	body.node-type-notable-people .field-name-field-notable-people-image, 				/* individual notable people */
	body.page-history-people .views-field-field-notable-people-image,					/* notable people landing page */
	body.node-type-about .field-name-field-about-featured-image,						/* individual about pages */
	body.page-history .views-field-field-header-image,									/* history landing page */
	body.page-about-news .views-field-field-news-featured-image,						/* news landing page */
	body.node-type-news .field-name-field-news-featured-image,							/* individual news page */	
	body.page-online-exhibits .views-field-field-online-exhibit-image,					/* online exhibit landing page */
	body.node-type-programs .field-name-field-lectures-featured-image, 					/* individual program page */
	body.node-type-help-for-your-ministry .field-name-field-help-ministry-featured-im,	/* help individual page */
	body.front .views-field.views-field-field-header-image,								/* homepage history articles */
	body.front .views-field.views-field-field-news-featured-image,						/* homepage news */
	body.front .views-field.views-field-field-online-exhibit-image,						/* homepage online exhibits */
	body.front .views-field.views-field-field-notable-people-image, 					/* homepage notable people */
	body.front .views-field.views-field-field-lectures-featured-image,					/* homepage programs */
	body.front .views-field.views-field-field-help-ministry-featured-im,				/* homepage help for your ministry */
	body.front .views-field.views-field-field-about-featured-image { 					/* homepage about the society */
		float: none;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
}


/* ================================================================
 * MAIN MENU NAVBAR STYLING FOR TABLETS 
 * ================================================================

/* NB: AT WIDTHS BELOW 921, SUPERFISH SWITCHES TO MOBILE MENU. SETTING IS IN BLOCKS > MENU BAR > MAIN MENU */
/* 16PX IS THE SMALLEST USABLE FONT SIZE FOR THE NAVBAR MENU. 920PX IS THE WIDTH AT WHICH THE MAIN MENU STARTS TO WRAP */


/* STYLING 921 - 1160 */
@media only screen and (min-width: 921px) and (max-width: 1160px) {

	#superfish-4 .menu-border {
		padding-right: 10px;
		padding-left: 10px;
	}

	nav#block-superfish-4 div {
		font-family: "Roboto Condensed";
		font-weight: 400;
    		font-size: 16px;
	}

	/* Increase the top margin of the main menu. desktop default is 5px. In tablet landscape, we need to increase */
	#menu-bar nav#block-superfish-4 ul#superfish-4 {
		margin-top: 10px; 
	}

	/* When hovering over main menu, move the 2nd row up so it tucks neatly under the first row */
	body.front #menu-bar ul#superfish-4 ul { 
		margin-top: 0;
	}

	/* when on an interior page that shows 2nd row children, scoot the 2nd row back up a bit */
	.sf-menu li.sf-breadcrumb > ul { 
		top: 2.5em;
	}

	/* This matches the height of anchor links. Only needed in this query.
	 * If removed, height of nav will jump when hovering over History or Catalogs */
	nav#block-superfish-4 ul#superfish-4 li.sfHover span.nolink {  
		height:2.5em; 
	}


	/* vertically center the 2nd row children inside the dark blue parent container */
	#menu-bar #superfish-4 ul li a .menu-border { 
		padding-top: 5px;
	}

	/* reposition main menu second row */
	/* hovered parent AND active parent */
	#menu-bar .sf-menu li.sfHover > ul {  	
	top: 2.5em;
	}

}


/* STYLING 1161 - 1320 */
@media only screen and (min-width: 1161px) and (max-width: 1320px) {
	nav#block-superfish-4 div {
	font-family: "Roboto Condensed";
	font-weight: 400;
    	font-size: 18px;
	}

	/*move the 2nd row up */
	body.front #menu-bar ul#superfish-4 ul {
		margin-top: 0;
	}
	
	/* extend the 1st row's hover color all the way to the bottom of the parent */
	nav#block-superfish-4 ul#superfish-4 li.sfHover .menu-border {
		margin-bottom: 3px;
	}

	/* vertically center the 2nd row children inside the dark blue parent container */
	#menu-bar #superfish-4 ul li a .menu-border {
		padding-top: 5px;
	}

	/* when on an interior page that shows 2nd row children, scoot the 2nd row back up a bit */
	.sf-menu li.sf-breadcrumb > ul { 
		top: 2.5em;
	}

	/* reposition main menu second row */
	/* hovered parent AND active parent */
	#menu-bar .sf-menu li.sfHover > ul { 
	top: 2.5em;
	}


}


/* STYLING 1321+ */
@media only screen and (min-width: 1321px) {
	nav#block-superfish-4 div {
		font-family: "Roboto Condensed";
		font-weight:400;
		font-size:22px;
	}
}



/* =============================================================
 *
 * UTILITY MENU FOR MOBILE 
 *
 * ============================================================= */

/* set these the same as main menu - 921px */

/* turn mobile utility menu off for desktop displays */
@media (min-width: 921px) {
	#block-superfish-5 {
		display: none;
	}
}


/* turn desktop utility menu off for mobile displays */
@media (max-width: 921px) {
	#block-superfish-2 {
		display:none;
	}
}


/* utility menu for mobile item styling */

/*horiz rule */
ul#superfish-5-accordion li:not(:last-child) {
	border-bottom: #ccc 1px solid;
}

/* diff horiz rule for children */
ul#superfish-5-accordion li ul li:not(:last-child) { 
	border-bottom: #990 1px solid;
	width: 95%;
}


/* remove custom padding found at #menu-bar .menu-border.  This is preventing correct left-justification */
#menu-bar ul#superfish-5-accordion .menu-border{
	padding-right: 0;
	padding-left: 0;
}

/* now that left-justification is fixed, indent the children */
ul#superfish-5-accordion li{ 
	margin-left: 20px;
}

/* fix vertical height issue - normally 2.5em */
ul#superfish-5-accordion.sf-menu a {
	height: inherit;
}


/* ==================================================================
 * HISTORY ARTICLE MOBILE 
 * ================================================================== */

/* OVERWRITE EXTRA PANEL LAYOUTS 3-4 ADAPTIVE CSS
 * BECAUSE WHEN YOU OPEN THE SIDEBARS IN TABLETS, THE SIDEBARS DROP TO THE BOTTOM */
 
@media (max-width: 768px) {
	/* make content body full width */
	body.node-type-history-article .panel-col-sixty-six {
		width: 100%;
	}
	/* reset width of sidebar */
	body.node-type-history-article .panel-col-thirty-three {		
		width: 100%;
	}
	/* turn off table cell */
	body.node-type-history-article .panel-col-thirty-three.lastUnit {
		display: block;
		float: left;
	}
}

/* move the header image caption to BELOW the image */
/* remove margin from image so caption fits right under it */
/* reduce the size of the image caption text */
@media (max-width: 1160px) {
	body.node-type-history-article #history-article-header #history-article-header-caption {
		position: relative;
		bottom: inherit;
		top: inherit;
		left: inherit;
		margin-top: -10px;
	}

	body.node-type-history-article #history-article-header #history-article-image.block {
		margin-bottom: 0;
	}

	body.node-type-history-article #history-article-header #history-article-header-caption .field-item {
		font-size: 14px;
	}
}

/* ========================================
 * FOOTER
 * ========================================

/* turn off flexbox when on mobile. SAME AS HEADER */
@media (max-width: 921px) {
	footer .geary-column-content {
		display: block;
	}
}


/* =============================
 * HIDE CATEGORY THUMBS (PROGRAMS & HELPS)
 * ============================= */

@media (max-width: 768px) {
	body.page-help-for-your-ministry .item-list h3 .help-category-img,
	body.page-programs .item-list h3 .programs-category-img {
		display: none;
	}
}

/* ==============================
 * CUSTOM LAYOUTS FOR CKEDITOR 
 * ============================== */
 
 @media (max-width: 768px) {
	 .callout-left,
	 .callout-right {
		 float: none;
		 width: 100%;
	 }
 }