/*
    Theme Name: Boilerplate
    Theme URI: http://aarontgrogg.com/boilerplate/
    Description: A merger created by Aaron T. Grogg (<a href="http://aarontgrogg.com/">http://aarontgrogg.com/</a>) of the HTML5 Boilerplate (<a href="http://html5boilerplate.com/">http://html5boilerplate.com/</a>) and the Starkers theme (<a href="http://starkerstheme.com/">http://starkerstheme.com/</a>), Boilerplate: Starkers provides developers with an ideal, bleeding-edge, clean-start theme. Mark-up is minimal (thanks Elliott) and the most edge-case web technology is baked right in (thanks Paul, Divya and a large cast of supporting characters)!  Boilerplate themes are designed to serve as a Parent theme to whatever Child (<a href="http://codex.wordpress.org/Child_Themes">http://codex.wordpress.org/Child_Themes</a>) you care to add, but you could just as easily use this as a starting point and alter the PHP as your design needs. More about this theme can be found at <a href="http://aarontgrogg.com/boilerplate/">http://aarontgrogg.com/boilerplate/</a>.
    Author: Aaron T. Grogg, based on the work of Paul Irish, Divya Manian, and Elliot Jay Stocks
    Author URI: http://aarontgrogg.com/
    Version: 5.0.1
    Tags: custom-menu, editor-style, theme-options, threaded-comments, sticky-post, microformats, rtl-language-support, translation-ready

    License: GNU General Public License v2.0
    License URI: http://www.gnu.org/licenses/gpl-2.0.html

    This CSS file is a concatenation of style.css from HTML5 Boilerplate and style.css from Starkers.
    Comment blocks indicate where each begins and ends, like this, for example...
*/

/** START HTML5 Boilerplate CSS **/

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  font-size: 2rem;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

svg {
    max-width: 100%;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
  font-size: 1rem;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}



/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/***** COLORS
Grey banner menu: #535354
Dark grey font color under home slideshow: #535354
Home body font: #000000
Home light grey bg: #a9a9a9
Grey color font in generic pages: #545455

*/
html * {
    box-sizing: border-box;
}


html {
    font-family: "Montserrat", "Gotham", sans-serif;
}

a {
    color: #227d9c;
    text-decoration: none;
}

@font-face {
    font-family: 'Genericons';
    src: url('font/genericons-regular-webfont.eot');
    src: url('font/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/genericons-regular-webfont.woff') format('woff'),
         url('font/genericons-regular-webfont.ttf') format('truetype'),
         url('font/genericons-regular-webfont.svg#genericonsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}







/* ==========================================================================
   All Pages
   ========================================================================== */
/* ==========================================================================
   All Pages > Header
   ========================================================================== */
#main-header {
    color: white;
    margin-bottom: 1em;
}



#main-header h1 {
    margin: 0;
    padding: 0;
    height: 2em;
    width: 2.5em;
    background-image: url('images/logos/logo-80x64.png');
    background-size: cover;
    z-index: 500;
    position: absolute;
    left: 0;
}

#main-header h1 a {
    display: block;
    height: 2em;
    border: 3px solid white;
}

#main-header h1 a span {
    visibility: hidden;
    position: relative;
    font-size: 0;
}

#main-header.no-secondary-nav {
    margin-bottom: 3em;
}

/* ==========================================================================
   All Pages > Header > Primary Navigation
   ========================================================================== */

#primary-nav {
    background-color: #535354;
    padding-left: 5em;
    vertical-align: top;
    height: 4em;
    line-height: 4rem;
    width: 100%;
    margin-right: 0;
    min-width: 22em;
}

#primary-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#primary-nav ul a {
	color: white;
}

#primary-nav ul ul {
    position: absolute;
    top: 2em;
    width: auto;
    height: auto;
}

#primary-nav ul ul a {
	color: #222;
}

#primary-nav li {
    display: inline-block;
    position: relative;
    font-size: 1em;
    font-size: 1rem;
    text-transform: uppercase;
    margin: 0 .25rem;
    margin: 0 1vw;
    min-width: 2rem;
}



#home-header #primary-nav {
    padding-left: 5em;
}

#home-header #primary-nav li {
    font-size: .75em;
    margin: 0 .5em;
}

#primary-nav li li {
    margin: 0;
    padding: 0;
    text-transform: none;
    line-height: 1.5em;
    
    vertical-align: top;
    
    position: relative;
    
}

#primary-nav li li li {
    display: block;
    height: auto;
    min-height: inherit;
    padding-left: 0;
    border-left: none;
    font-size: .9em;
}

#primary-nav li a {
    display: block;
}

#primary-nav li ul {
    display: none;
    text-align: left;
    margin: 0;
    padding: 0;
}


#primary-nav li:hover ul {
    display: block;
    position: absolute;
    top: 2.5em;
    text-align: left;
    right: 0;
    padding: 1em;
    background-color: white;
    box-shadow: .5em .5em .5em rgba(0,0,0,.5);
    border: 2px solid #c1c1c0;
    color: black;
    z-index: 500;
}

#primary-nav li:hover ul ul {
    position: relative;
    padding: 0;
    top: auto;
    right: auto;
    width: 11.5em;
    height: auto;
    box-shadow: none;
    border: none;
}

#primary-nav a:hover {
    color: lightgrey;
}

.primary-nav-icon {
    background-repeat: no-repeat;
    background-size: 2em;
    background-position: center .5em;
}

#primary-nav-religions {
    background-image: url('images/icons/religions-50x50.png');   
}
#primary-nav-landscape {
    background-image: url('images/icons/landscape-50x50.png');   
}
#primary-nav-encounter {
    background-image: url('images/icons/encounter-50x50.png'); 
}

.primary-nav-icon a {
    margin-top: .75em;
}

.primary-nav-icon a span {
/*    font-size: .25em;*/
	font-size: .5rem;
}

.primary-nav-about .fa,
#primary-nav .primary-nav-search .fa {
    font-size: 1.4em;
    position: absolute;
    top: .125em;
    left: 20%;
}

#primary-nav .primary-nav-search a {
    margin-right: .5em;
}

.primary-nav-about a span,
#primary-nav .primary-nav-search a span {
/*    font-size: .25em;*/
    font-size: .5rem;
}

li#primary-nav-about {
    display: none;
}

li#primary-nav-about-abbreviated {
    display: inline-block;
}

li#primary-nav-about-abbreviated ul {
    padding: 0;
}

li#primary-nav-about-abbreviated:hover ul {
    width: 10em;
    padding: 0;
}

li#primary-nav-about-abbreviated li {
    display: block;
    padding: .5em;
}



/* ==========================================================================
   All Pages > Header > Secondary Navigation
   ========================================================================== */
.secondary-nav {
    vertical-align: top;
    height: 3em;
    line-height: 3em;
    margin-right: 0;
    color: white;
    background-color: #af002d;
    overflow: hidden;
/*    z-index: -100;*/
}

.secondary-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
    position: absolute;
}

.secondary-nav ul a {
	color: white;
}

.secondary-nav ul ul a {
	color: #222;
}

.secondary-nav li {
    display: inline-block;
    position: relative;
    font-size: 1em;
    font-size: 1rem;
    margin: 0 1vw;
    padding-right: 2vw;
    height: 3em;
    border-right: 1px solid white;
}

li.secondary-nav-title,
.secondary-nav li:last-child {
    border-right: none;
}

li.secondary-nav-title + li {
    padding-left: .5em;
}

.secondary-nav li:last-child {
    padding-right: 1vw;
}

.secondary-nav li a {
    display: block;
}

.secondary-nav a:hover {
    color: lightgrey;
    cursor: pointer;
}

.secondary-nav-title {
    padding-right: 1.5em;
    text-transform: uppercase;
}

.secondary-nav-title:before,
.secondary-nav-title:after {
    border-right: 1px solid white;
    content: '';
    display: block;
    height: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100;
    -ms-transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg);   
}
.secondary-nav-title:after {
    bottom: 0;
    top: auto;
    -ms-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
}

.secondary-nav .hidden-on-mobile {
    display: none;
}

.secondary-nav-title a {
    position: relative;
    display: inline;
    z-index: 200;
}


.secondary-nav-subnav {
    color: black;
    background-color: white;
    border: 2px solid #c1c1c0;
    box-shadow: .5em .5em .5em rgba(0,0,0,.5);
/*    width: 13em;*/
    position: relative;
    top: 3em;
    left: -1.125em;
    padding: 1em;
    float: right;
    line-height: 1em;
    z-index: 500;

    text-align: left;
    overflow-y: auto;
    overflow-x: none;
}

.secondary-nav-subnav.single-child {
	width: auto;
	left: -1.75em;
	height: auto;
}

.secondary-nav-subnav li {
    font-size: .9em;
    font-size: .9rem;
    line-height: 1em;
    margin: 0;
    padding: 0;
    padding-right: 0;
    height: auto;
    width: auto;
    border: none;
    border-right: none;
    display: inline-block;
    min-height: 100%;
}

.secondary-nav-subnav.single-child li {

}

.secondary-nav-subnav li:last-child {
    padding-right: 0;
}

.secondary-nav-subnav li.page_item_has_children {
    margin: 0;
    padding: 0;
    text-transform: none;
    line-height: 1.5em;
    padding-left: 1em;
    vertical-align: top;
    position: relative;
    min-height: 30em;
}


.secondary-nav-subnav.single-child li.page_item_has_children {
	height: auto;
	min-height: 100%;
	padding-left: 0;
}

.secondary-nav-subnav.single-child li.page_item_has_children li {

	padding-left: 1em;
}

.secondary-nav-subnav ul {
    position: absolute;
    
    width: auto;
    height: auto;
    min-width: 13em;
    border-left: 2px solid black;
    
}

.secondary-nav-subnav.single-child ul {
    position: relative;
    margin: 0;
    padding: 0;
}

.secondary-nav-subnav li.page_item_has_children:first-child ul {
    border-left: none;
}


.secondary-nav-subnav li li {
    display: block;
    height: auto;
    min-height: inherit;
    padding-left: 0;
    border-left: none;
    font-size: .9em;
    
}



.secondary-nav li .secondary-nav-subnav {
    display: none;
}
.secondary-nav li:hover .secondary-nav-subnav {
    display: block;
    padding: 1em 0;
}

.secondary-nav-subnav a {
    padding: .5em 1em;
}



#religions-menu.secondary-nav,
#religions-menu-abbreviated.secondary-nav {
    background-color: #188099;
}

#religions-menu {
    display: none;
}

#religions-menu-abbreviated {
    display: block;
}


.current_page_item {
	font-weight: bold;
}

/* ==========================================================================
   Boston Pages: Secondary Navigation
   ========================================================================== */ 
#boston-menu,
#boston-menu-intermediate,
#boston-menu-abbreviated {
    background-color: teal;
}

#boston-menu-abbreviated {
    display: block;
}
#boston-menu-intermediate {
    display: none;
}
#boston-menu {
    display: none;
}

#boston-menu-abbreviated.secondary-nav li {
    height: 2.4em;
}

#boston-menu-abbreviated .secondary-nav-subnav {
    top: 2.4em;
}

#boston-menu-abbreviated.city-menu {
    height: 2.4em;
    line-height: 2.4em;
}


/* ==========================================================================
   Landscape Pages: Secondary Navigation
   ========================================================================== */ 
#landscape-menu,
#landscape-menu-abbreviated {
    background-color: #768354;
}

#landscape-menu.secondary-nav.boston,
#landscape-menu-abbreviated.secondary-nav.boston {
    background-color: teal;
}

#landscape-menu.landscape-menu {
    display: none;
}

#landscape-menu.city-menu {
    display: none;
}

#landscape-menu-abbreviated.landscape-menu {
    display: block;
    font-size: .8em;
}

#landscape-menu-abbreviated.secondary-nav li {
    height: 2.4em;
}

#landscape-menu-abbreviated .secondary-nav-subnav {
    top: 2.4em;
}

#landscape-menu-abbreviated.city-menu {
    display: block;
    height: 2.4em;
    line-height: 2.4em;
}

#landscape-menu-abbreviated.city-menu .secondary-nav-subnav li {
	width: 100%;
}




/* ==========================================================================
   About Pages: Secondary Navigation
   ========================================================================== */
#about-menu {
    display: none;
}


#about-menu-abbreviated .secondary-nav-title {
	margin-right: 1em;
}



/* ==========================================================================
   All Pages > Main Content
   ========================================================================== */  
   
#content {
    margin: 0 1em 1em 1em;
}

.home #content {
    margin: -1em 0 0 0;
}

#content article a {
    text-decoration: underline;
}

#content a:hover {
    color: #a9a9a9;
}

#content article img {
    margin: 0 1em;
}


/* ==========================================================================
   All Pages > Main Content > Loop
   ========================================================================== */
.archive h1.entry-title {
    font-size: 1.5rem;
    margin-bottom: 0;
}   
   
.archive .entry-summary p {
    margin-top: 0;
}
   
.navigation {
    font-size: .75em;
    margin-top: 1em;
}   

.navigation a {
    font-weight: bold;
}

.nav-previous,
.nav-next {
    display: inline-block;
    margin-right: 1em;
}

.nav-previous {
    width: 45%;
}

.nav-next {
	text-align: right;
    width: 45%;
}

.pagination {
    text-align: center;
}

.pagination .page-numbers {
    margin: 0 1em;
}

#search-explanation a,
.pagination a {
    text-decoration: underline;
}



#content .post-thumbnail-figure img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
}

.post-thumbnail-figure figcaption {
    font-size: .75em;
    margin-top: .25em;
}

.pluralism-taxonomy-links {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.pluralism-taxonomy-links li {
    display: inline-block;
    margin: 0 .5em;
}

.pluralism-taxonomy-links li:first-child {
    margin-left: 0;
}


.taxonomy-link-pp_tradition a,
.taxonomy-link-pp_city a {
    padding-left: 1.1em;
    background-size: 1em;
    background-position: left center;
    background-repeat: no-repeat;
}

.taxonomy-link-pp_tradition a {
    background-image: url('images/icons/religions-grey-50x50.png');
}

.taxonomy-link-pp_city a {
    background-image: url('images/icons/landscape-grey-50x50.png');
}


/* ==========================================================================
   All Pages > Main Content > Loop > Glossary Tooltips
   ========================================================================== */
.glossary-tooltip {
    z-index: 200 !important;
}

.glossary-tooltip-item {
    background: none !important;
    padding: 0 !important;
}

#content .glossary-tooltip-item a {
    text-decoration: none;
}

#content .glossary-tooltip-item a {
    border-bottom: 2px dotted #227d9c;
}

/* ==========================================================================
   All Pages > Main Content > Article
   ========================================================================== */
article {
    color: #545455;
}


/* ==========================================================================
   All Pages > Main Content > Article with Aside
   ========================================================================== */
aside {
    display: block;
}

.related-media {
    max-width: 95%;
}

.related-media h3 {
    margin: 0;
    padding: 0;
    color: white;
    background-color: #a9a9a9;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 2.5em;
    padding-left: .5em;
}

.related-media > div {
    border: 1px solid #a9a9a9;
    padding: 0 .5em 1em .5em;
    position: relative;
}

.related-media > div.related-document {
    padding-bottom: 0;
}

.related-media iframe {
    max-width: 100%;
    max-height: 20em;
}

#see-also.related-media ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#see-also.related-media li {
	border: 1px solid #a9a9a9;
	padding: 1em .5em 1em .5em;
}


/* ==========================================================================
   All Pages > Main Content > Article With Aside > Inline Documents
   ========================================================================== */
.inline-document {
    background-color: white;
}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px; background:url('images/colorbox/border1.png') no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url('images/colorbox/border1.png') repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url('images/colorbox/border1.png') no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url('images/colorbox/border1.png') no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url('images/colorbox/border1.png') repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url('images/colorbox/border1.png') no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url('images/colorbox/border2.png') repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url('images/colorbox/border2.png') repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxTitle{display: none !important;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxLoadingOverlay{background:#fff url('images/colorbox/loading.gif') no-repeat 5px 5px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444; font-weight: bold;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444; font-weight: bold;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(/img/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(/img/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(/img/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(/img/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(/img/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(/img/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(/img/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(/img/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}



/* ==========================================================================
   All Pages > Footer
   ========================================================================== */

#site-footer {
    text-align: center;
}
#footer-nav ul {
    list-style-type: none;
}

#footer-nav a {
	color: #222;
}

#footer-nav li {
    display: inline-block;
    margin-right: .5em;
}

#footer-nav li:after {
    margin-left: .5em;
    content: '|';
    
}

#footer-nav li:last-child:after {
    content: none;
}

#footer-nav-social a {
    margin-right: .5em;
}

#site-footer a:hover {
    color: #a9a9a9;
}



/* ==========================================================================
   Archive Pages > Religious Centers Archive > Loop
   ========================================================================== */
.pp_religious_center-result {
	border: 1px solid #a9a9a9;
	clear: both;
	margin: 1em 0;
	padding-bottom: 1em;
}

.pp_religious_center-result div.religion-icon {
    margin: 0;
    padding: 0;
    height: 3em;
    width: 3em;
    background-size: cover;
    background-color: #188099;
    display: block;
    float: left;
}

.pp_religious_center-info {
	display: block;
	vertical-align: top;
	padding-left: .5em;
	margin-top: 1em;
	clear: both;
}

.pp_religious_center-info .two-column .big-column {
	display: block;
	width: 100%;
}

.pp_religious_center-info .two-column .small-column {
	display: block;
	width: 100%;
	border-left: none;
	padding-left: 0;
}


.pp_religious_center-result h1 {
	margin: 0 0 0 0.5em;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	max-width: 85%;
	font-size: 1.25em;
}


/* ==========================================================================
   Homepage
   ========================================================================== */
   
/* ==========================================================================
   Homepage > Hassle Box
   ========================================================================== */
#home-survey-box {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,.75);
    color: white;
    min-height: 2em;
    padding: .5em 1em;
}

/* ==========================================================================
   Homepage > Banner
   ========================================================================== */
#home-header {
    color: white;
    height: 5em;
    margin-bottom: 1em;
}


#home-header h1 {
    margin: 0;
    padding: 0;
    height: 2em;
    width: 2.5em;
    background-image: url('images/logos/logo-80x64.png');
    background-size: cover;
/*    z-index: 5000;*/
    position: absolute;
    left: 0;
}

#home-header h1 a {
    display: block;
    height: 2em;
    border: 2px solid white;
}

#home-header h1 a span {
    visibility: hidden;
}


#home-primary-nav-abbreviated {
    display: block;
    padding-left: 5em;
}

#home-primary-nav {
    display: none;
}

.home-primary-nav {
    background-color: #535354;
    padding-left: 4.5em;
    vertical-align: top;
    height: 4em;
    line-height: 4em;
    width: 100%;
    margin-right: 0;
}

.home-primary-nav ul {
    position: relative;
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.home-primary-nav ul a
{
	display:block;
	text-decoration:none;
	text-transform: uppercase;
	font-size: .75em;
	line-height: 5.25em;
	padding: 0 .5em;
	color: white;
}

.home-primary-nav ul li
{
	position:relative;
	float: left;
	margin:0;
	padding:0 1em;
}


/*.home-primary-nav ul li.current-menu-item
{
	background:#ddd
}*/

.home-primary-nav ul ul li:hover
{
	background:#f6f6f6;
}

.home-primary-nav ul ul
{
	display:none;
	position:absolute;
	top:100%;
	right:0;
	background:#fff;
	padding:0;
}

.home-primary-nav ul ul li
{
	float:none;
	min-width:12em;
}

.home-primary-nav ul ul a
{
	line-height:1.5em;
	padding: 1em .5em;
	color: black;
}

.home-primary-nav ul ul ul
{
	top:0;
	left:100%;
}

.home-primary-nav ul li:hover > ul
{
	display:block;
	color: black;
	box-shadow: .5em .5em .5em rgba(0,0,0,.5);
    border: 2px solid #c1c1c0;
    z-index: 600;
}




/*.home-primary-nav li {
    display: block;
    position: relative;
    float: left;
    font-size: 1em;
    font-size: 1rem;
    text-transform: uppercase;
    font-size: .75em;
    margin: 0 .5em;
}*/

/*.home-primary-nav ul ul {
    position: absolute;
    display: none;
    top: 100%;
    width: auto;
    height: auto;
}

.home-primary-nav li:hover ul {
    display: block;
    position: absolute;
    top: 3em;
    width: 10em;
    position: absolute;
    top: 3em;
    text-align: left;
    right: 0;
    padding: 1em;
    width: 54em;
    background-color: white;
    box-shadow: .5em .5em .5em rgba(0,0,0,.5);
    border: 2px solid #c1c1c0;
    color: black;
    z-index: 500;
}

.home-primary-nav li li {
    margin: 0;
    padding: 0;
    line-height: 1em;
    position: relative;
}

.home-primary-nav li a {
    display: block;
    line-height: 6em;
}

.home-primary-nav li li a {
    line-height: 1.5em;
}*/



/* ==========================================================================
   Homepage > Accordion Image Navigation
   ========================================================================== */
.accordion-container {
    padding:0;
    margin: 0;
    overflow: auto;
    display: block;
}


.accordion-section {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: black;
    min-height: 6em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
}

.accordion-section:hover {
}

.accordion-container label:hover {
    cursor: pointer;
}

.accordion-section label {
    position: absolute;
    bottom: 0;
    color: white;
    padding-top: 5em;
    width: 100%;
}

.accordion-section label span {
    background-color: rgba(0,0,0,.5);
    display: block;
    padding-left: 1em;
    height: 1.5em;
}

.accordion-container input[type='radio'] {
    display: none;
}

.accordion-content {
    position: relative;
    background: transparent;
    width: 100%;
    height: 5em;
    padding: 1em;
    transition: height 1s ease;
    vertical-align: bottom;
}

.accordion-container input[type='radio']:checked + .accordion-content {
    height: 15em;
    background: -webkit-linear-gradient(bottom, black, transparent);
    background: linear-gradient(0deg, black, transparent);
}

.accordion-content-blurb {
    position: absolute;
    bottom: 2em;
    width: 70%;
}

.accordion-content p,
.accordion-content h3,
.accordion-content .read-more {
    margin: 0;
    padding: 0;
    transition: color .25s ease;
    transition-delay: 0s;
    color: transparent;
    background: transparent;
}

input[type='radio']:checked + .accordion-content p,
input[type='radio']:checked + .accordion-content h3,
input[type='radio']:checked + .accordion-content .read-more,
input[type='radio']:checked + .accordion-content a
 {
    color: white;
    border-color: white;
    transition-delay: 1s;
}


.accordion-content .read-more {
    width: 20%;
    position: absolute;
    bottom: 0;
    right: 0;
    
}

.accordion-content a {
    color: inherit;
    text-decoration: none;
    z-index: 5000;
    position: absolute;
    bottom: 2em;
    border: 1px solid transparent;
    padding: .25em .5em;
}

.accordion-content a:hover {
    color: transparent !important;
}


input[type='radio']:checked + .accordion-content a:hover {
    color: lightgrey !important;
}



#accordion-section-1 {
    background-image: url('images/front-page/pluralism-1024x576.jpg');
    background-position: top left;
}

#accordion-section-2 {
    background-image: url('images/front-page/religion_homepage1.jpg');
    background-position: 0% 30%;
}
#accordion-section-3 {
    background-image: url('images/front-page/landscape_homepage1.jpg');
    background-position: 0% 20%;
}
#accordion-section-4 {
    background-image: url('images/front-page/encounter_homepage1.jpg');
    background-position: top left;
}


/* ==========================================================================
   Homepage > Resources
   ========================================================================== */
#resources {
    margin-top: 1em;
    display: inline-block;
    vertical-align: top;
    margin-right: 1em;
    width: 95%;
}

#resources h2,
#updates h2 {
    margin: 0;
    padding: 0;
    font-size: 2em;
    font-size: 2rem;
    font-weight: normal;
    text-transform: uppercase;
    color: #a9a9a9;
    padding-left: .5em;
}



#resources-nav {
    margin-top: -.75em;
    background-color: #a9a9a9;
    padding-left: .5em;
    
}

#resources-nav ul {
    margin: 0;
    padding: 0;
    padding-top: 1em;
    list-style-type: none;
    padding-left: 0;
    
}

#primary-resources-nav {
	
}

#primary-resources-nav li {
    display: inline-block;
    margin-bottom: 1.5em;
    margin-right: 1em;
    padding-left: 5.5em;
    height: 5em;
    line-height: 5em;
    text-align: left;
    vertical-align: middle;
    background-color: white;
    width: 45%;
    min-width: 18em;
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
    background-repeat: no-repeat;
    background-position: .25em;
}

#primary-resources-nav a {
    display: block;
    vertical-align: middle;
    margin-left: -5.5em;
    padding-left: 5.5em;
    color: #222;
}

#primary-resources-nav li:hover {
    background-color: lightgrey;
}

#resources-nav ul#secondary-resources-nav {
    padding-top: 0;
}

#secondary-resources-nav li {
    display: inline-block;
    min-width: 13em;
    margin-bottom: .5em;
    margin-right: 1em;
}

#secondary-resources-nav li a {
}

#secondary-resources-nav li:before {
    content: '•';
    margin-right: .25em;
}

#secondary-resources-nav a:hover {
    color: lightgrey;
}

#resources-spotlight {
    /*background-color: #535354;*/
    background-color: #222222;
}

#resources-spotlight h2 {
    color: white;
    padding-left: 0;
    margin-top: .5em;
}

#resources-spotlight {
    padding: 0 1em;
    color: white;
    padding-bottom: 1em;
    
}

#resources-spotlight img,
#resources-spotlight svg {
    margin-right: 1em;
    margin-bottom: 1em;
    max-width: 20%;
    height: auto;
    clear: left;
}

#resources-spotlight p {
    clear: both;
}

#resources-spotlight {
   
}




#primary-resources-film {
    background-image: url('images/icons/film-72x72.png');
}

#primary-resources-reports {
    background-image: url('images/icons/search-files-72x72.png');
}

#primary-resources-images {
    background-image: url('images/icons/images-72x72.png');
}

#primary-resources-promising-practices {
    background-image: url('images/icons/pop-72x72.png');
}

#primary-resources-audio {
    background-image: url('images/icons/audio-72x72.png');
}

#primary-resources-timelines {
    background-image: url('images/icons/timeline-72x72.png');
}

#primary-resources-directory {
    background-image: url('images/icons/list-72x72.png');   
}

#primary-resources-case-studies {
    background-image: url('images/icons/news-72x72.png');
}

#primary-resources-nav li#primary-resources-directory {
    line-height: 1.5em;
}

#primary-resources-directory a {
    padding-top: 1em;
}

#primary-resources-calendar {
    background-image: url('images/icons/candles-72x72.png');
}

#primary-resources-nav li#primary-resources-calendar {
    line-height: 1.5em;
}

#primary-resources-calendar a {
    padding-top: 1em;
}

#primary-resources-events {
    background-image: url('images/icons/calendar-72x72.png');
}


/* ==========================================================================
   Homepage > Updates
   ========================================================================== */
#updates {
    margin-top: 1em;
    display: inline-block;
    width: 95%;
    vertical-align: top;
}

#updates h3 {
    margin: 0;
    padding: 0;
    line-height: 2.5em;
    padding-left: 1em;
    font-weight: normal;
    color: white;
    text-transform: uppercase;
    background-color: #a9a9a9;
}

#sm {
    margin-top: -.75em;
    border: 1px solid #a9a9a9;
}

.social-stream__post {
    padding: .5em 1em;
    border-bottom: 1px solid #a9a9a9;
}

.social-stream__post p {
    margin: 0;
    padding: 0;
}

.social-stream__post p:first-child {
	margin-bottom: .5em;
}

.home-sm-date {
    text-align: right;
    font-size: .75em;
    font-size: .75rem;
    text-transform: uppercase;
    height: 0;
}

#boston-solidarity-events-clickable-header {
	color: white;
}

a#boston-solidarity-events-clickable-header:hover,
a#boston-solidarity-events-clickable-header:active {
	color: #227d9c;
	
}


.boston-solidarity-events-post .home-sm-date {
	height: auto;
}


.twitter-thumb {
    display: block;
    float: left;
    margin-right: 1em;
    height: 4em;
    width: 4em;
}

.home-twitter-more {
    vertical-align: top;
    height: 2em;
    margin-top: .5em;
}

.home-twitter-more .fa-twitter,
.home-twitter-more .fa-facebook
 {
    font-size: 2em;
    font-size: 2rem;
    vertical-align: bottom;
    margin-right: .25em;
    color: #a9a9a9;
}

.social-stream__post a:hover {
    color: lightgrey;
}

.social-stream__post {
    word-break: break-word;
}

.home-twitter-more a
 {
    display: inline-block;
    font-size: .75em;
    font-size: .75rem;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #535354;
    color: white;
    padding: .5em 1em;
}

#home-rdn,
.news-box,
.resources-box {
    border: 1px solid #a9a9a9;
}

#home-rdn-list {
    margin-right: 1em;
}

.resources-box-item-list {
	padding-left: 1em;
	list-style-type: none;
}

#home-rdn li + li,
.news-box li + li {
    margin-top: 1em;
}

#home-rdn a,
.news-box a {
    text-decoration: underline;
}

#home-rdn a:hover,
.news-box a:hover {
    color: #535354;
}

.home-rdn-date,
.news-box-item-date {
    font-size: .75em;
    font-size: .75rem;
    text-transform: uppercase;
}

#home-rdn-more,
.news-box-more {
    padding: 0;
    padding-left: 2.5em;
}

#landscape-resources-and-nav .news-box-more {
    padding-left: 1em;
}

#home-rdn-more a,
.news-box-more a
 {
    font-size: .75em;
    font-size: .75rem;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #535354;
    color: white;
    padding: .5em 1em;
}

#home-rdn-more a:hover,
.home-twitter-more a:hover,
.news-box-more a:hover {
    color: lightgrey;
}

.resources-box h3 {
    margin: 0;
    padding: 0;
    padding-right: 0.25em;
    line-height: 2.5em;
    padding-left: 1em;
    font-weight: normal;
    color: white;
    text-transform: uppercase;
    background-color: #a9a9a9;
}

.resources-box-icon {
    margin: 0;
    padding: 0;
    font-size: 3em;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    margin-right: 1rem;
    
    vertical-align: middle;
    background-size: cover;
    
    flex: 0 0 auto;
}

.resources-box-icon.fa {
    font-size: .5em;
    line-height: 1.5em;
}

.resources-box-item div {
    font-size: 1rem;
}

.resources-box-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;

	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;

    margin: 1em 0;
}

#resources-boxes {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;



    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#resources-boxes .resources-box {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin-right: 1em;
}

#resource-boxes .resources-box-item-list {
}

#resources-boxes .resources-box-item-list .news-box-item {
}


/* ==========================================================================
   Encounter Landing Page: /encounter
   ========================================================================== */  
.encounter-portal {
    color: white;
    margin: 1em;
    margin-left: auto;
    margin-right: auto;
}

.encounter-portal h2 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1em;
}

#content article.encounter-portal img {
    max-height: 20em;
    max-width: 46%;
    margin: 0;
}

.encounter-portal div {
    margin: 0 1em;
}

#encounter-historical {
    background-color: #b31952;
}

#encounter-challenges {
    background-color: #63723c;
}


#encounter-casestudy {
    background-color: #7b6385;
}

#encounter-interfaith {
    background-color: #188099;
}

.encounter-read-more {
    width: 13em;
    text-align: center;
    float: right;
    margin-right: 2em;
}

.encounter-read-more a {
	color: white;
    display: block;
    text-transform: uppercase;
    border: 1px solid white;
}

#content article .encounter-read-more a {
	text-decoration: none;
}

/* Apply max-width to the Encounter portal page */
.page-id-14452 #content article {
	max-width: 75em;

}


/* ==========================================================================
   Encounter Pages: Secondary Navigation
   ========================================================================== */ 

#encounter-menu-abbreviated {
    display: block;
}

#encounter-menu {
    display: none;
}

.encounter-menu.secondary-nav {
    background-color: #d68d35;
}

.encounter-menu.secondary-nav li {
    max-width: 13em;
    max-height: 3em;
    margin: 0;
    padding: 0;
    line-height: 1em;
    text-align: center;   
    vertical-align: middle;
}

.encounter-menu.secondary-nav li a {
    display: block;
    padding: 0 .5em;
}




.encounter-menu.secondary-nav li:first-child {
    line-height: 3em;
    padding-top: 0;
    padding-bottom: 0;
}


.encounter-menu.secondary-nav li li {
	max-height: none;
	text-align: left;
}

.encounter-menu.secondary-nav li li:first-child {
	line-height: auto;
}

.encounter-menu.secondary-nav li li a {
	padding: .5em;
}


.encounter-menu.secondary-nav .secondary-nav-subnav li {
    line-height: 1em;
}
/* ==========================================================================
   Encounter Pages: Secondary Navigation
   ========================================================================== */ 

.encounter-menu .hidden-on-small {
    display: none;
}


/* ==========================================================================
   Encounter > Interfaith > Interfaith City Portal
   ========================================================================== */  
#interfaith-city-map-container {
	display: block;
}

#interfaith-city-map-container #landscape-city-map {
	width: 100%;
}




/* ==========================================================================
   Religions Landing Page: Religion Icons
   ========================================================================== */ 
#religions-portal-nav {
	max-width: 75rem;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


.religions-portal-icon {
    background-color: #188099;
    background-repeat: no-repeat;
    background-position: center .5em;
    background-size: 9em;
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: .125em;
    width: 10em;
    height: 13em;
}

.religions-portal-quote {
    display: inline-block;
    vertical-align: middle;
    color: white;
    width: 10rem;
    padding: 1rem;
    margin: .5rem;
    height: 13rem;
    text-align: left;
}

.religions-portal-quote.two-col {
    display: none;
}

.religions-portal-quote.three-col {
    display: none;
}

.religions-portal-quote.four-col {
    display: none;
}

.religions-portal-quote:nth-of-type(5n+1) {
    background-color: #63733c;
}

.religions-portal-quote:nth-of-type(5n+2) {
    background-color: #e7954d;
}

.religions-portal-quote:nth-of-type(5n+3) {
    background-color: #7b6385;
}

.religions-portal-quote:nth-of-type(5n+4) {
    background-color: #b31952;
}

.religions-portal-quote:nth-of-type(5n+5) {
    background-color: #0e477c;
}

.religions-portal-icon a {
    font-size: .75em;
    display: block;
    height: 100%;
    width: 100%;
    padding-top: 110%;
    position: relative;
    color: white;
    text-transform: uppercase;
}

.religion-icon {
    background-image: url('images/icons/religions-150x150.png');
}

.religion-icon.afro-caribbean {
    background-image: url('images/religions/afro-caribbean-200x200.png');
}

.religion-icon.bahai {
    background-image: url('images/religions/bahai-200x200.png');
}

.religion-icon.buddhism {
    background-image: url('images/religions/buddhism-200x200.png');
}

.religion-icon.christianity {
    background-image: url('images/religions/christianity-200x200.png');
}

.religion-icon.confucianism {
    background-image: url('images/religions/confucianism-200x200.png');
}

.religion-icon.daoism {
    background-image: url('images/religions/daoism-200x200.png');
}

.religion-icon.hinduism {
    background-image: url('images/religions/hinduism-200x200.png');
}

.religion-icon.humanism {
    background-image: url('images/religions/humanism-200x200.png');
}
.religion-icon.atheism-humanism {
    background-image: url('images/religions/humanism-200x200.png');
}

.religion-icon.interfaith {
    background-image: url('images/religions/interfaith-200x200.png');
}

.religion-icon.islam {
    background-image: url('images/religions/islam-200x200.png');
}

.religion-icon.jainism {
    background-image: url('images/religions/jainism-200x200.png');
}

.religion-icon.judaism {
    background-image: url('images/religions/judaism-200x200.png');
}

.religion-icon.native-american-traditions {
    background-image: url('images/religions/native-200x200.png');
}
.religion-icon.native-traditions {
    background-image: url('images/religions/native-200x200.png');
}

.religion-icon.paganism {
    background-image: url('images/religions/paganism-200x200.png');
}

.religion-icon.shinto {
    background-image: url('images/religions/shinto-200x200.png');
}

.religion-icon.sikhism {
    background-image: url('images/religions/sikhism-200x200.png');
}

.religion-icon.unitarian-universalism {
    background-image: url('images/religions/unitarian-universalism-200x200.png');
}

.religion-icon.zoroastrianism {
    background-image: url('images/religions/zoroastrianism-200x200.png');
}

/* ==========================================================================
   Religion-Specific Landing Page > Essays
   ========================================================================== */ 
#religion-portal-essays-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#religion-portal-essays-list li {
    background-color: #188099;
    border: 1px solid gray;
    margin: .5em;
    color: white;
    height: 13em;
    width: 13em;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    position: relative;
}

#religion-portal-essays-list li:hover {
    border-color: black;
}

#religion-portal-essays-list li a {
	color: white;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
}



/*#content article #religion-portal-essays-list img {
    display: block;
    margin: 0;
    padding: 0;
    max-height: 9.375em;
    max-width: 9.375em;
    margin-left: auto;
    margin-right: auto;
    margin-top: .5em;
    box-shadow: 2px 2px 2px black;
}*/

/*#religion-portal-essays-list .religion-icon {
    margin: 0;
    padding: 0;
    height: 9.375em;
    width: 9.375em;
    background-size: cover;
    margin-right: auto;
    margin-left: auto;
    margin-top: .5em;
}*/

#religion-portal-essays-list .religion-icon {
    max-height: 50%;
    max-width: 100%;
    height: 50%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/*.religion-portal-essay-title {
    height: 2.5em;
    display: block;
}*/
.religion-portal-essay-title {
    padding: 1em;
    height: 50%;
    width: 100%;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;

	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;

}

#content article #religion-portal-essays-list img {
    margin: 0;
    padding: 0;
    max-height: 50%;
    height: 50%;
    max-width: 100%;
    width: 100%;
}

/* ==========================================================================
   Religious Calendar Page
   ========================================================================== */ 
#calendar {
    min-height: 10em;
    width: 100%;
}

/* ==========================================================================
   /timeline		TIMELINE INDEX
   ========================================================================== */
   
/*
	#primary-resources-nav li {
    display: inline-block;
    margin-bottom: 1.5em;
    margin-right: 1em;
    padding-left: 5.5em;
    height: 5em;
    line-height: 5em;
    vertical-align: middle;
    background-color: white;
    width: 45%;
    min-width: 18em;
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
    background-repeat: no-repeat;
    background-position: .25em;
}

#primary-resources-nav a {
    display: block;
    vertical-align: middle;
    margin-left: -5.5em;
    padding-left: 5.5em;
    color: #222;
}

#primary-resources-nav li:hover {
    background-color: lightgrey;
}

#resources-nav ul#secondary-resources-nav {
    padding-top: 0;
}
*/   
   
   
.timeline-index-list {
    list-style-type: none;
    padding-left: 0;
}

.timeline-index-icon-box {
	display: inline-block;
	margin-right: 1em;
	margin-bottom: 1.5em;
	height: 5em;
	line-height: 5em;
	vertical-align: middle;
	background-color: #188099;
	min-width: 18em;
	max-width: 25em;
	border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
    background-repeat: no-repeat;
    background-position: .25em;
    border: 1px solid #222;
    box-shadow: .125em .125em .125em #222;
}


/*.timeline-index-icon-box {
    display: inline-block;
    vertical-align: top;
    width: 10em;
    height: 10em;
    background-color: #188099;
    color: white;
    margin: 1em;
    text-align: center;
}*/

.timeline-index-icon-box a {
    display: block;
    height: 100%;
    width: 100%;
    margin-right: 1em;
    position: relative;
    color: white;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.timeline-index-icon-box-image {
	height: 100%;
	width: 5em;
	margin-right: .5em;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.timeline-index-icon-box-text {
	
}

/*
    #content.essay {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

#content.essay article {
	-webkit-box-flex: 0 1 60%;
	-moz-box-flex: 0 1 60%;
	-webkit-flex: 0 1 60%;
	-ms-flex: 0 1 60%;
    flex: 0 1 60%;
    padding: 0 1em;
}

#content.essay aside {
	-webkit-box-flex: 0 1 40%;
	-moz-box-flex: 0 1 40%;
	-webkit-flex: 0 1 40%;
	-ms-flex: 0 1 40%;
    flex: 0 1 40%;
    min-width: 20em;
    padding: 0 1em;
}
*/
   
   
#timeline-index-table {
	margin-left: 1em;
	
}


#timeline-index-table td {
	vertical-align: top;
}
   
#timeline-index-table h3.entry-title {
	background-repeat: no-repeat;
	padding-left: 1.75em;
	padding-right: 2em;
}
   
   
#timeline-index-table .afro-caribbean {
	background-image: url('images/map-icons/afro-caribbean-25x25.png');
}

#timeline-index-table .bahai {
	background-image: url('images/map-icons/bahai-25x25.png');
}

#timeline-index-table .buddhism {
	background-image: url('images/map-icons/buddhism-25x25.png');
}

#timeline-index-table .christianity {
	background-image: url('images/map-icons/christianity-25x25.png');
}

#timeline-index-table .hinduism {
	background-image: url('images/map-icons/hinduism-25x25.png');
}

#timeline-index-table .islam {
	background-image: url('images/map-icons/islam-25x25.png');
}

#timeline-index-table .jainism {
	background-image: url('images/map-icons/jainism-25x25.png');
}

#timeline-index-table .judaism {
	background-image: url('images/map-icons/judaism-25x25.png');
}

#timeline-index-table .native {
	background-image: url('images/map-icons/native-25x25.png');
}

#timeline-index-table .paganism {
	background-image: url('images/map-icons/paganism-25x25.png');
}

#timeline-index-table .sikhism {
	background-image: url('images/map-icons/sikhism-25x25.png');
}

#timeline-index-table .zoroastrianism {
	background-image: url('images/map-icons/zoroastrianism-25x25.png');
}



/* ==========================================================================
   Landscape Landing Page: D3JS Map
   ========================================================================== */ 

#landscape-map-nav-container {
    text-align: center;
    
}

#landscape-map-nav {
    border: 1px solid #a9a9a9;
}

.feature {
  fill: #adadad;
}

.feature.active {
    fill: #818181;
}

.mesh {
  fill: none;
  stroke: #ccc;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#info-window {
  position: absolute;	
  text-align: center;	
  width: 400px;	
  height: 250px;		
  padding: 2px;	
  background: white;	
  border: 1px solid #a9a9a9;	
  box-shadow: 2px 2px 2px black;				
  border-radius: .5em;
  border-spacing: 1em;
 /*  pointer-events: none;	This line needs to be removed */
}   

#landscape-map-nav-infowindow h4 {
    margin-bottom: 0;
}


#landscape-map-nav-infowindow ul {
    list-style-type: none;
    display: table-row;
    border-spacing: 1em;
    height: 175px;
}
#landscape-map-nav-infowindow li {
    margin: 0.5em;
    display: table-cell;
    width: 30%;
    color: white;
    font-size: .9em;
    padding: .5em;
    vertical-align: middle;
}

.landscape-map-nav-profiles {
    background-color: #188099;
}

.landscape-map-nav-interfaith {
    background-color: #e7954d;
}

.landscape-map-nav-directory {
    background-color: #b31952;
}

#landscape-map-nav-infowindow a {
	color: white;
}




/* ==========================================================================
   Landscape City Portal
   ========================================================================== */ 

#landscape-city-map-container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-wrap: wrap;
    align-items: stretch;
}

#landscape-city-map-notes-container {
	vertical-align: top;
	display: inline-block;
	width: 70%;
}

#landscape-city-map { 
    min-height: 30em;
    width: 100%;
}

#landscape-city-notes {
	font-size: .75em;
}

#landscape-city-map-menu {
    display: inline-block;
    vertical-align: top;
    width: 28%;
}

#landscape-city-map-show-all-container {
    margin-left: 3.25em;
}

#landscape-city-map-show-all-container:hover {
    cursor: pointer;
}

#landscape-city-map-tradition-sorter ul {
    list-style-type: none;
    color: #333;
    margin: 0;
    padding: 0;
    margin-left: 1em;
}

#landscape-city-map-tradition-sorter li {
    background-repeat: no-repeat;
    line-height: 1.5em;
    background-position-y: .5em;
}

#landscape-city-map-tradition-sorter li[data-layer="afro-caribbean"] {
    background-image: url('images/map-icons/afro-caribbean-25x25.png');
}
#landscape-city-map-tradition-sorter li[data-layer="atheism-humanism"] {
    background-image: url('images/map-icons/humanism-25x25.png');
}
#landscape-city-map-tradition-sorter li[data-layer="bahai"] {
    background-image: url('images/map-icons/bahai-25x25.png');
}
#landscape-city-map-tradition-sorter li[data-layer="buddhism"] {
    background-image: url('images/map-icons/buddhism-25x25.png');
}
#landscape-city-map-tradition-sorter li[data-layer="christianity"] {
    background-image: url('images/map-icons/christianity-25x25.png');
}
#landscape-city-map-tradition-sorter li[data-layer="confucianism"] {
    background-image: url('images/map-icons/confucianism-25x25.png');
}
#landscape-city-map-tradition-sorter li[data-layer="daoism"] {
    background-image: url('images/map-icons/daoism-25x25.png');
}
#landscape-city-map-tradition-sorter li[data-layer="hinduism"] {
    background-image: url('images/map-icons/hinduism-25x25.png');
}
#landscape-city-map-tradition-sorter li[data-layer="islam"] {
    background-image: url('images/map-icons/islam-25x25.png');
}
#landscape-city-map-tradition-sorter li[data-layer="jainism"] {
    background-image: url('images/map-icons/jainism-25x25.png');
}
#landscape-city-map-tradition-sorter li[data-layer="judaism"] {
    background-image: url('images/map-icons/judaism-25x25.png');
}
#landscape-city-map-tradition-sorter li[data-layer="native-traditions"] {
    background-image: url('images/map-icons/native-25x25.png');
}
#landscape-city-map-tradition-sorter li[data-layer="new-religious-movements"] {
    background-image: url('images/map-icons/general-religions-25x25.png');
}
#landscape-city-map-tradition-sorter li[data-layer="other-indigenous-traditions"] {
    background-image: url('images/map-icons/general-religions-25x25.png');
}
#landscape-city-map-tradition-sorter li[data-layer="other-traditions"] {
    background-image: url('images/map-icons/general-religions-25x25.png');
}
#landscape-city-map-tradition-sorter li[data-layer="paganism"] {
    background-image: url('images/map-icons/paganism-25x25.png');
}
#landscape-city-map-tradition-sorter li[data-layer="shinto"] {
    background-image: url('images/map-icons/shinto-25x25.png');
}
#landscape-city-map-tradition-sorter li[data-layer="sikhism"] {
    background-image: url('images/map-icons/sikhism-25x25.png');
}
#landscape-city-map-tradition-sorter li[data-layer="unitarian-universalism"] {
    background-image: url('images/map-icons/unitarian-universalism-25x25.png');
}
#landscape-city-map-tradition-sorter li[data-layer="zoroastrianism"] {
    background-image: url('images/map-icons/zoroastrianism-25x25.png');
}
#landscape-city-map-tradition-sorter li[data-layer="interfaith"] {
    background-image: url('images/map-icons/interfaith-25x25.png');
}
            
#landscape-city-map-tradition-sorter li:hover {
    cursor: pointer;
    color: black;
}

#landscape-city-map-tradition-sorter li a {
    margin-left: 30px;
    padding: .25em .25em;
    display: block;
    border: 3px solid transparent;
}

#landscape-city-map-tradition-sorter li.selected a {
    border-color: #333;
}

#landscape-city-map-tradition-sorter li.selected + li.selected a {
    border-top-color: transparent;
}

#show-all:hover {
    cursor: pointer;
    color: black;
}


/* ==========================================================================
   Landscape > Profile of Religious Center
   ========================================================================== */ 
.entry-metadata {
    border: 1px solid #a9a9a9;
    padding: 1em;
}

.entry-profile-metadata {
    list-style-type: none;
    padding-left: 0;
}

.entry-profile-metadata-title {
    font-weight: bold;
}

.entry-year-updated {
    font-style: italic;
    text-align: center;
}



/*
* Some old profiles still preserve styling classes from the pre-2006 era!
* Make sure those things still look good here.
*/
.plabel {
    font-weight: bold;
    font-size: 1.25em;
}


/* ==========================================================================
   Landscape -> Boston -> Tradition Portal
   ========================================================================== */ 
#boston-tradition-container {
    display: flex;
    flex-wrap: wrap;
}

#boston-tradition-entry {
    padding-right: 1em;
    flex: 1 1 30em;
    order: 2;
}

#boston-map-photo-column {
    flex: 1 1 30em;
    order: 1;
}

 
#boston-map-photo-column #landscape-city-map {
    width: 100%;
    margin-bottom: 1em;
}

#boston-tradition-entry iframe {
    max-width: 100%;
}

/* ==========================================================================
   /connect		CONTACT FORM
   ========================================================================== */
.contact-form {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}

.contact-form div {
    display: inline-block;
    width: 48%;
    vertical-align: top;    
}

.contact-form label.checkbox-multiple {
    margin-bottom: 0;
}


.contact-form .clear-form {
    clear: right;
    display: inline-block;
    height: 0;
    width: 0;
}


/* ==========================================================================
   /search      SEARCH PAGE AND SEARCH FORMS
   ========================================================================== */
.search-form fieldset {
    border: 1px solid #a9a9a9;
    padding: .5em 1em;
    margin-bottom: 1em;
}

.search-form fieldset label {
    display: block;
    margin: 0.5em 0;
}

/* ==========================================================================
   Search and Archive Pages > Loop
   ========================================================================== */
#search-results article {
    border: 1px solid #a9a9a9;
	clear: both;
	margin: 1em 0;
	margin-right: .5em;
	padding-bottom: 1em;
	flex: 1 1 49%;
}   

#search-results h1 {
    font-size: 1.25em;
    margin: 0 0 0 0.5em;
    max-width: 80%;
}   

#search-results .wp-post-image {
    max-height: 5em;
    max-width: 5em;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    margin-right: 1em;
}

#search-results .result-icon {
    height: 3rem;
    width: 3rem;
    background-size: cover;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    margin-right: 1rem;
}

.images-icon {
    background-image: url('images/icons/images-72x72.png');  
}

.timeline-icon {
    background-image: url('images/icons/timeline-72x72.png');  
}

.event-icon {
    background-image: url('images/icons/calendar-72x72.png');  
}

.promising-practice-icon {
    background-image: url('images/icons/pop-72x72.png');  
}
.research-report-icon {
    background-image: url('images/icons/search-files-72x72.png');
}
.case-study-icon {
    background-image: url('images/icons/news-72x72.png');
}

.films-icon {
    background-image: url('images/icons/film-72x72.png');
}

.podcast-icon {
    background-image: url('images/icons/audio-72x72.png');
}


/*
.pp_religious_center-info {
	display: block;
	vertical-align: top;
	padding-left: .5em;
	margin-top: 1em;
	clear: both;
}

.pp_religious_center-info .two-column .big-column {
	display: block;
	width: 100%;
}

.pp_religious_center-info .two-column .small-column {
	display: block;
	width: 100%;
	border-left: none;
	padding-left: 0;
}


.pp_religious_center-result h1 {
	margin: 0 0 0 0.5em;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	max-width: 85%;
	font-size: 1.25em;
}

*/


#search-results .entry-summary {
    margin: 0 1em;
}

#search-results .post-date {
    font-size: .75em;
}

#search-results .fa {
    display: inline;
    margin-left: .125em;
    float: left;
    font-size: 3em;
}

#search-results article.pp_news-result {
    padding-bottom: 0;
}

.pp_news-result h1 {
    display: inline-block;
    margin-left: .5em;
    vertical-align: top;
}

.pp_news-result .entry-summary {
    clear: both;
}



/* ==========================================================================
   Picture-nav boxes
   ========================================================================== */
   
ul.picture-nav {
    list-style-type: none;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.picture-nav-box {
    display: inline-block;
    vertical-align: top;
    width: 10em;
    height: 13em;
    background-color: #637538;
    color: white;
    margin: .5em 0;
    text-align: center;
}

#encounter-picture-nav .picture-nav-box {
    background-color: #d48c3b;
}


.picture-nav-box a {
	color: white;
}

.picture-nav-box img {
    height: 40%;
    width: 100%;
}

.picture-nav-box div {
    padding: 1em;
    height: 60%;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}



/* ==========================================================================
   Icon-nav boxes
   ========================================================================== */
   
.icon-nav {
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    margin-top: 1em;
    margin-right: 1em;
}

.icon-nav-box {
    display: block;
    background-color: #637538;
    color: white;
    margin: 0 0 1em 0;
}

.boston-tradition .icon-nav-box {
    background-color: teal;
}

.icon-nav-box a {
	color: white;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    
    -webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	
    -webkit-align-items: center;
    align-items: center;
    margin-right: .5em;
}


.icon-nav-box img {
    flex: 0 1 25%;
    max-width: 25%;
    max-height: 25%;
    margin: .5em;
}

.icon-nav-box div {
    flex: 0 1 75%;
	
}

#encounter-icon-nav .icon-nav-box {
	background-color: #d68d35;
}

#landscape-resources-and-nav .icon-nav-box {
	min-width: 15em;
}


/* ==========================================================================
   Vimeo embeds
   ========================================================================== */
.embed-vimeo {
	display: inline-block;
	margin: 0.5em 1em;
	max-width: 100%;
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.row {
	display: block;
}

.two-column .column {
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

.two-column .big-column {
	width: 65%;
}

.two-column .small-column {
	width: 30%;
	padding-left: 1em;
	border-left: 5px solid #a9a9a9;
}

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */


@media only screen and (min-width: 38em) {
    /* Style adjustments for viewports that meet the condition RED */
    

#home-primary-nav-abbreviated {
    display: none;
    padding-left: 5em;
}

#home-primary-nav {
    display: block;
}



#resources {
    width: 50%;
}

/* ==========================================================================
   Homepage > Updates
   ========================================================================== */
#updates {
    width: 45%;
}


/* ==========================================================================
   All Pages
   ========================================================================== */
/* ==========================================================================
   All Pages > Header
   ========================================================================== */
/* ==========================================================================
   All Pages > Header > Primary Navigation
   ========================================================================== */

#primary-nav {
    text-align: right;
}

#primary-nav li {
    margin: 0 3vw;
}









/* ==========================================================================
   Religions Landing Page: Religion Icons
   ========================================================================== */
#religions-portal-nav {
	max-width: 35rem;
}
 
.religions-portal-icon {
    margin: .5em;
}   

 .religions-portal-quote.two-col {
    display: inline-block;
    width: 21.25rem; 
}

.religions-portal-quote.two-col:last-of-type {
    width: 10rem;
}
 
 .religions-portal-quote.three-col {
    display: inline-block;
    width: 32.5rem;
}
.religions-portal-quote.four-col {
    display: inline-block;
    width: 21.25rem;
}

/* ==========================================================================
   Boston Pages: Secondary Navigation [RED]
   ========================================================================== */ 

#boston-menu-abbreviated {
    display: none;
}

#boston-menu-intermediate {
    display: block;
}


/* ==========================================================================
   Landscape Pages: Secondary Navigation
   ========================================================================== */ 
#landscape-menu.secondary-nav,
#landscape-menu-abbreviated.secondary-nav {
    background-color: #768354;
}


#landscape-menu-abbreviated.city-menu {
    display: none;
}

#landscape-menu-abbreviated.landscape-menu {
    display: none;
}

#landscape-menu.city-menu {
    display: block;
}

#landscape-menu.landscape-menu {
    display: block;
}


#landscape-menu .secondary-nav-subnav {
    width: 26em;
    right: auto;
    left: 0;
}

#landscape-menu .secondary-nav-subnav.single-column {
    width: auto;
}

#landscape-menu .secondary-nav-subnav.flush-right {
    right: 0;
    left: auto;
}




#landscape-menu .secondary-nav-subnav li {
    width: 13em;
    display: inline-block;
    
}


/* ==========================================================================
   Encounter Landing Page: /encounter
   ========================================================================== */  

.encounter-portal h2 {
    font-size: 1.5em;
}

/* ==========================================================================
   Encounter Pages: Secondary Navigation
   ========================================================================== */ 
#encounter-menu-abbreviated {
    display: none;
}

#encounter-menu {
    display: block;
}

.encounter-menu.secondary-nav li a {
    padding: .5em;
}

/* ==========================================================================
   Landscape -> Boston -> Tradition Portal [RED]
   ========================================================================== */ 
#boston-tradition-container {
    display: flex;
    flex-wrap: wrap;
}

#boston-tradition-entry {
    padding-right: 1em;
    flex: 1 1 49%;
    order: 1;
}

#boston-map-photo-column {
    flex: 1 1 49%;
    order: 2;
}





/* ==========================================================================
   About Pages: Secondary Navigation
   ========================================================================== */
#about-menu-abbreviated {
	display: none;
}

#about-menu {
    display: block;
}





/* ==========================================================================
   Picture-nav boxes
   ========================================================================== */

.picture-nav-box {
    width: 14em;
    height: 14em;
}

.picture-nav-box img,
.picture-nav-box div {
    height: 50%;
}

/* ==========================================================================
   Landscape / Interfaith Pages; Resources & Nav Boxes
   ========================================================================== */
#landscape-resources-and-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    
    -webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	
    -webkit-align-items: center;
    align-items: center;
    align-items: flex-start;
}


/* ==========================================================================
   Icon-nav boxes
   ========================================================================== */
.icon-nav {
    margin-top: 0;
    margin-right: auto;
}


.icon-nav-box {

}


/* END RED */
}



@media only screen and (min-width: 45em) {
    /* Style adjustments for viewports that meet the condition ORANGE*/
    


/* ==========================================================================
   Homepage accordion image slider!
   ========================================================================== */
.accordion-container {
    width: 100vw;
    display: table-row;
    height: 27em;
}


.accordion-section {
    display: table-cell;
    height: 27em;
}



.accordion-section label {
    padding-top: 26em;
    color: black;
    background-color: transparent;
}


.accordion-section label span {
    background-color: white;
}

.accordion-section:hover span {
    background-color: rgba(0,0,0,.75);
    color: white;
}

#accordion-section-1:hover span {
	background-color: #af002d;
}
#accordion-section-2:hover span {
	background-color: #188099;
}
#accordion-section-3:hover span {
	background-color: #768354;
}
#accordion-section-4:hover span {
	background-color: #d68d35;
}

.accordion-section:hover label span:after {
    content: ' »';
}


.accordion-content {
    width: 16vw;
    height: 13em;
    margin-top: 14em;
    transition: width 1s ease;
}

.accordion-container input[type='radio']:checked + .accordion-content {
    width: 51vw;
}

#accordion-section-1 {
    background-position: 50%;
}

#accordion-section-2 {
    background-position: 40%;
}
#accordion-section-3 {
    background-position: 45%;
}
#accordion-section-4 {
    background-position: 10%;
}

/* ==========================================================================
   All Pages
   ========================================================================== */
/* ==========================================================================
   All Pages > Header
   ========================================================================== */
/* ==========================================================================
   All Pages > Header > Secondary Navigation
   ========================================================================== */

.secondary-nav .hidden-on-mobile {
    visibility: visible;
}

.secondary-nav-subnav {    
    width: 51em;
    left: -20em;
    text-align: center;
}

.secondary-nav-subnav li {
    width: 13.5em;
    text-align: left;
}

.secondary-nav-subnav.single-column {
    width: 13em;
    left: -1.125em;
}

/* ==========================================================================
   All Pages > Main Content > Loop
   ========================================================================== */

.post-thumbnail-figure {
    max-width: 45%;
    float: right;
}


#resources-nav {
   padding-left: 1em;
    
}


 /* ==========================================================================
   Religions Landing Page: Religion Icons
   ========================================================================== */ 
#religions-portal-nav {
	max-width: 40rem;
}
 .religions-portal-quote.two-col {
    width: 21.25rem;
}

 .religions-portal-quote.two-col:last-of-type {
    width: 10rem;
}
 
.religions-portal-quote.three-col {
    width: 32.5rem;
}
.religions-portal-quote.four-col {
    
    width: 21.25rem;
}

/* ==========================================================================
   Encounter Pages: Secondary Navigation
   ========================================================================== */ 
.encounter-menu .hidden-on-small {
    display: inline;
}


/* ==========================================================================
   Search and Archive Pages > Loop
   ========================================================================== */


/* END ORANGE */

}

@media only screen and (min-width: 53.5em) {
    /* Style adjustments for viewports that meet the condition GREEN */
 

/* ==========================================================================
   All Pages
   ========================================================================== */
/* ==========================================================================
   All Pages > Header
   ========================================================================== */
#main-header h1 {
    height: 3.98em;
    width: 5em;
    background-image: url('images/logos/logo-250x199.png');
    background-size: cover;
    left: 1em;
}

#main-header h1 a {
    display: block;
    height: 3.98em;
}

#main-header.no-secondary-nav {
    margin-bottom: 3em;
}

/* ==========================================================================
   All Pages > Header > Primary Navigation
   ========================================================================== */
#primary-nav {
    padding-left: 12em;
    height: 5em;
    line-height: 5em;
    text-align: right;
}

#primary-nav li {
    margin: 0 1em;
    margin: 0 1.5vw;
}

#primary-nav li:hover ul {
    top: 4em;
}

.primary-nav-icon {
    background-position: left center;
}

.primary-nav-icon a {
    padding-left: 2em;
    margin-top: 0;
}

.primary-nav-icon a span {
    visibility: visible;
    font-size: 1em;
}

#primary-nav-encounter a {
    padding-left: 2.25em;
}

.primary-nav-about .fa,
#primary-nav .primary-nav-search .fa {
    position: relative;
    top: auto;
    left: auto;
}

.primary-nav-about a span,
#primary-nav .primary-nav-search a span {
    font-size: 1em;
}

.primary-nav-about .fa {
    display: none;
}



/* ==========================================================================
   All Pages > Header > Secondary Navigation
   ========================================================================== */
.secondary-nav {
    padding-left: 12em;
}

#religions-menu {
    display: block;
}

#religions-menu-abbreviated {
    display: none;
}



/* ==========================================================================
   All Pages > Main Content
   ========================================================================== */  

#content.essay {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;

    align-items: flex-start;
}

#content.essay article {
	-webkit-box-flex: 0 1 60%;
	-moz-box-flex: 0 1 60%;
	-webkit-flex: 0 1 60%;
	-ms-flex: 0 1 60%;
    flex: 0 1 60%;
    padding: 0 1em;
}

#content.essay aside {
	-webkit-box-flex: 0 1 40%;
	-moz-box-flex: 0 1 40%;
	-webkit-flex: 0 1 40%;
	-ms-flex: 0 1 40%;
    flex: 0 1 40%;
    min-width: 20em;
    padding: 0 1em;
}

/* ==========================================================================
   All Pages > Main Content > Article with Aside
   ========================================================================== */
aside {
    display: inline-block;
    margin-top: 5.5em;
}

.related-media p {
    font-size: .75em;
    color: #545455;
}


/* ==========================================================================
   Homepage
   ========================================================================== */
/* ==========================================================================
   Homepage Banner
   ========================================================================== */
#home-header {
    color: white;
    height: 5em;
    margin-bottom: 1em;
}

#home-header h1 {
    margin: 0;
    padding: 0;
    height: 3.98em;
    width: 5em;
    background-image: url('images/logos/logo-250x199.png');
    background-size: cover;
    z-index: 5000;
    position: absolute;
    left: 1em;
}

#home-header h1 a {
    display: block;
    height: 3.98em;
    border: 3px solid white;
}

#home-header h1 a span {
    visibility: hidden;
}


.home-primary-nav {
    padding-left: 12em;
    height: 5em;
    line-height: 5em;
    text-align: right;
}

.home-primary-nav ul a {
    font-size: 1em;
    font-size: 1rem;
}




#home-header #primary-nav {
    padding-left: 12em;
}

#home-header #primary-nav li {
    font-size: 1em;
    font-size: 1rem;
    margin: 0 1em;
    margin: 0 3vw;
}


    
 
 /* ==========================================================================
   Religions Landing Page: Religion Icons
   ========================================================================== */ 
#religions-portal-nav {
	max-width: 50rem;
}
 
.religions-portal-quote.two-col:first-of-type {
    width: 21.25rem;
}

.religions-portal-quote.two-col:last-of-type {
    width: 32.5rem;
}

.religions-portal-quote.three-col {
    width: 21.25rem;
}

.religions-portal-quote.four-col {
    width: 21.25rem;
}

 
/* ==========================================================================
   Landscape > Profile of Religious Center
   ========================================================================== */ 
.entry-map {
    display: inline-block;
    vertical-align: top;
    width: 45%;
}
.entry-profile-metadata {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    width: 48%;
    padding-left: 1%;
}


/* ==========================================================================
   Encounter > Interfaith > Interfaith City Portal
   ========================================================================== */  
#interfaith-city-map-container {
	display: inline-block;
	width: 45%;
	margin-right: 2%;
	vertical-align: top;
}

#interfaith-city-map-container #landscape-city-map-notes-container {
	width: 100%;
}


#interfaith-city-map-container + .entry-content {
	display: inline-block;
	width: 43%;	
	vertical-align: top;
}

#interfaith-city-map-container + .entry-content p:first-child {
	margin-top: 0;
}



/* END GREEN */ 
}




@media only screen and (min-width: 60em) {
    /* Style adjustments for viewports that meet the condition BLUE */

/* ==========================================================================
   All Pages > Header > Secondary Navigation
   ========================================================================== */

#primary-nav li li {
    padding-left: 1em;
    border-left: 2px solid black;
    min-height: 11em;
}

#primary-nav li:hover ul {
    width: 54em;
}

.secondary-nav .hidden-on-mobile {
    display: inline;
}

li#primary-nav-about {
    display: inline-block;
}

li#primary-nav-about-abbreviated {
    display: none;
}


li#primary-nav-about:hover ul {
    width: 54em;
}

li#primary-nav-about li {
    border-left: 2px solid black;
    padding-left: 1em;
    min-height: 11em;
}


/* ==========================================================================
   Homepage Banner
   ========================================================================== */
#primary-nav li {
    margin: 0 2.5vw;
}

/* ==========================================================================
   Religions Landing Page: Religion Icons
   ========================================================================== */ 

#religions-portal-nav {
	max-width: 55rem;
}

.religions-portal-quote.two-col {
    width: 21.25rem;
}

.religions-portal-quote.two-col:first-of-type {
    width: 21.25rem;
}

.religions-portal-quote.two-col:last-of-type {
    width: 32.5rem;
}

 .religions-portal-quote.three-col {
    width: 21.25rem;
}

.religions-portal-quote.four-col {
    width: 21.25rem;
}

/* ==========================================================================
   Religion-Specific Landing Page > Essays
   ========================================================================== */ 
#religion-portal-essays-list {
    /*max-width: 50em;*/
}


/* ==========================================================================
   Archive Pages > Religious Centers Archive > Loop
   ========================================================================== */

.pp_religious_center-result {
	margin-left: auto;
	margin-right: auto;
	max-width: 49%;
}

.pp_religious_center-result div.religion-icon {
    margin: 0;
    padding: 0;
    height: 5em;
    width: 5em;
    background-size: cover;
    background-color: #188099;
    display: inline-block;
    vertical-align: top;
    float: left;
}

.pp_religious_center-info {
	display: inline-block;
	vertical-align: top;
	padding-left: 0.5em;
	margin-top: 0;
	width: 80%;
}


.pp_religious_center-info .two-column .big-column {
	display: inline-block;
	width: 48%;
	border-right: 5px solid #a9a9a9;
}

.pp_religious_center-info .two-column .small-column {
	display: inline-block;
	width: 45%;
	
	padding-left: 1em;
	word-wrap: break-word;
}


.pp_religious_center-result h1 {
	margin: 0.5em 0 0.5em 0.5em;
	padding: 0;
	width: 80%;
}

#search-results {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-content: center;
	
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

#search-results .pp_religious_center-result {
	flex: 1 1 49%;
}

/* ==========================================================================
   Search and Archive Pages > Loop
   ========================================================================== */
#search-results .fa {
    font-size: 4rem;
    margin-right: 1rem;
}

#search-results .fa-newspaper-o {
    margin-right: 0;
    font-size: 4rem;
}

#search-results .entry-summary {
    padding-left: 5rem;
    clear: none;
    word-break: break-word;
}

#search-results .pp_news-result .entry-summary {
    padding-left: 5rem;
}

#search-results .wp-post-image {
    max-height: 5rem;
    max-width: 5rem;
}

#search-results .result-icon {
    height: 5rem;
    width: 5rem;
}

/* ==========================================================================
   Landscape Pages: Secondary Navigation
   ========================================================================== */

#landscape-menu.city-menu.boston {
    display: block;
}

#landscape-menu-abbreviated.city-menu.boston {
    display: none;
}

/* ==========================================================================
   Boston Pages: Secondary Navigation [BLUE]
   ========================================================================== */ 

#boston-menu-intermediate {
    display: none;
}

#boston-menu {
    display: block;
}


/* ==========================================================================
   Encounter Pages: Secondary Navigation
   ========================================================================== */ 
.encounter-menu.secondary-nav li {
    padding-left: .75em;
    padding-right: .75em;
}

/* ==========================================================================
   Picture-nav boxes
   ========================================================================== */
   
ul.picture-nav {
    width: 60em;
    max-width: 100%;
        
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

.picture-nav-box {
    width: 14em;
    height: 14em;
}



}



@media only screen and (min-width: 72em) {
    /* Style adjustments for viewports that meet the condition PURPLE */

/* ==========================================================================
   Homepage Banner
   ========================================================================== */
#primary-nav li {
    margin: 0 3vw;
}

/* ==========================================================================
   Religions Landing Page: Religion Icons
   ========================================================================== */

#religions-portal-nav {
	max-width: 65rem;
}

.religions-portal-quote.two-col:first-of-type {
    width: 21.25rem;
}

.religions-portal-quote.two-col:last-of-type {
    width: 21.25rem;
}

.religions-portal-quote.three-col {
    width: 32.5rem;
}

.religions-portal-quote.four-col {
    width: 43.75rem;
}

/* ==========================================================================
   Homepage > Resources
   ========================================================================== */

#resources {
    width: 60%;
}


#resources-spotlight {
    padding-left: 5em;
}



#resources h2 {
    padding-left: 2.5em;
}


#resources-nav {
    padding-left: 0;
    
}

#updates h2 {
	padding-left: 0;
}

#resources-spotlight h2 {
    padding-left: 0;
}


#resources-nav ul {
    padding-left: 5em;
}

/* ==========================================================================
   Homepage > Updates
   ========================================================================== */
#updates {
    width: 35%;
}


/* ==========================================================================
   All Pages
   ========================================================================== */
/* ==========================================================================
   All Pages > Header
   ========================================================================== */
#main-header h1 {
    height: 3.98em;
    width: 5em;
    background-image: url('images/logos/logo-250x199.png');
    background-size: cover;
    left: 1em;
}

#main-header h1 a {
    display: block;
    height: 3.98em;
    border: 3px solid white;
}

#main-header.no-secondary-nav {
    margin-bottom: 3em;
}
   
.primary-nav-icon {
    background-size: 2em;
}
.primary-nav-icon a {
    padding-left: 2em;
}
#primary-nav-encounter a {
    padding-left: 2.25em;
}
}


/*@media only screen and (min-width: 38em) {
#primary-nav,
.home-primary-nav {
    background-color: red;
}
}
@media only screen and (min-width: 45em) {
    #primary-nav,
    .home-primary-nav {
    background-color: orange;
} 
}

@media only screen and (min-width: 53.5em) {
    #primary-nav,
    .home-primary-nav {
    background-color: green;
}  
}

@media only screen and (min-width: 60em) {
#primary-nav,
.home-primary-nav {
    background-color: blue;
}        
}

@media only screen and (min-width: 72em) {
    
#primary-nav,
.home-primary-nav {
    background-color: purple;
} 
}
*/



@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}





/** END HTML5 Boilerplate CSS **/






/** START Starkers CSS **/

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:.25em; margin:.25em; }


.page article .entry-content hr {
    clear: both;
    padding-top: 1em;
}




/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
*/
/* TYPOGRAPHY */
/* ----------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.



/* Font stack options

    The following represents a list of font stacks, as recommended by Nathan Ford in
    http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

    I've added inverted commas around the relevant family names to ensure compatibility.
    p = balanced for paragraphs or body copy
    t = balanced for headlines or titles

    - - - -

Arial, "Helvetica Neue", Helvetica, sans-serif - p, t

Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t

Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t

Consolas, "Lucida Console", Monaco, monospace - p, t

"Copperplate Light", "Copperplate Gothic Light", serif - p, t

"Courier New", Courier, monospace - p, t

"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t

Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t

Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t

Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t

Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t

Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t

"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t

Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, "Times New Roman", Georgia, serif - p, t

Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/

/** END Starkers CSS **/

/** START WordPress-Defined CSS Classes **/

#content article .wp-caption img {
    margin: 0;
}

.wp-caption.alignleft {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.wp-caption img {
    max-width: 100%;
}

.wp-caption-text{
    font-size: .75em;
}
.gallery-caption{}
.bypostauthor{}
.sticky{}
/** Keep drop-downs working **/
#access li {
    float: left;
    position: relative;
}
#access ul ul {
    display: none;
    float: left;
    position: absolute;
    top: 3.333em;
    left: 0;
    z-index: 99999;
}
#access ul ul ul {
    left: 100%;
    top: 0;
}
#access ul li:hover > ul {
    display: block;
}
/** END WordPress-Defined CSS Classes **/