/*! normalize.css v1.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
@import url(//fonts.googleapis.com/css?family=Oswald);
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  background: #fff;
  /* 1 */
  color: #000;
  /* 2 */
  /* Editing */
  font-size: 62.5%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /* 4 */ }

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: .5em 0 .1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.67em;
  margin: 2.33em 0; }

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  box-sizing: content-box;
  height: 0;
  -moz-box-sizing: content-box; }

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

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

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * 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 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * 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 Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 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 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

  Mixins available:
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transition              - arguments: What: all, Length: 1s, Easing: ease-in-out
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0

------------------------------------------------------------- */
/* BACKGROUND GRADIENT */
/* BACKGROUND SIZE */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SHADOW INSET */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSITION */
/* TRIPLE BORDERS */
/* SEARCH BUTTON */
/* DEFAULT FONT STACK:
"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;
*/
/* WEB FONT: styles*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 26, 2012 11:38:59 AM America/New_York */
/* NOTE: used on /support 8/2012 JA */
@font-face {
  font-family: 'LatoBlackItalic';
  src: url("../fonts/lato-fontfacekit/Lato-BlaIta-webfont.eot");
  src: url("../fonts/lato-fontfacekit/Lato-BlaIta-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-fontfacekit/Lato-BlaIta-webfont.woff") format("woff"), url("../fonts/lato-fontfacekit/Lato-BlaIta-webfont.ttf") format("truetype"), url("../fonts/lato-fontfacekit/Lato-BlaIta-webfont.svg#LatoBlackItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'LatoBlack';
  src: url("../fonts/lato-fontfacekit/Lato-Bla-webfont.eot");
  src: url("../fonts/lato-fontfacekit/Lato-Bla-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-fontfacekit/Lato-Bla-webfont.woff") format("woff"), url("../fonts/lato-fontfacekit/Lato-Bla-webfont.ttf") format("truetype"), url("../fonts/lato-fontfacekit/Lato-Bla-webfont.svg#LatoBlack") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'LatoBoldItalic';
  src: url("../fonts/lato-fontfacekit/Lato-BolIta-webfont.eot");
  src: url("../fonts/lato-fontfacekit/Lato-BolIta-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-fontfacekit/Lato-BolIta-webfont.woff") format("woff"), url("../fonts/lato-fontfacekit/Lato-BolIta-webfont.ttf") format("truetype"), url("../fonts/lato-fontfacekit/Lato-BolIta-webfont.svg#LatoBoldItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'LatoBold';
  src: url("../fonts/lato-fontfacekit/Lato-Bol-webfont.eot");
  src: url("../fonts/lato-fontfacekit/Lato-Bol-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-fontfacekit/Lato-Bol-webfont.woff") format("woff"), url("../fonts/lato-fontfacekit/Lato-Bol-webfont.ttf") format("truetype"), url("../fonts/lato-fontfacekit/Lato-Bol-webfont.svg#LatoBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'LatoItalic';
  src: url("../fonts/lato-fontfacekit/Lato-RegIta-webfont.eot");
  src: url("../fonts/lato-fontfacekit/Lato-RegIta-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-fontfacekit/Lato-RegIta-webfont.woff") format("woff"), url("../fonts/lato-fontfacekit/Lato-RegIta-webfont.ttf") format("truetype"), url("../fonts/lato-fontfacekit/Lato-RegIta-webfont.svg#LatoItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'LatoRegular';
  src: url("../fonts/lato-fontfacekit/Lato-Reg-webfont.eot");
  src: url("../fonts/lato-fontfacekit/Lato-Reg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-fontfacekit/Lato-Reg-webfont.woff") format("woff"), url("../fonts/lato-fontfacekit/Lato-Reg-webfont.ttf") format("truetype"), url("../fonts/lato-fontfacekit/Lato-Reg-webfont.svg#LatoRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url("../fonts/lato-fontfacekit/Lato-Reg-webfont.eot");
  src: url("../fonts/lato-fontfacekit/Lato-Reg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-fontfacekit/Lato-Reg-webfont.woff") format("woff"), url("../fonts/lato-fontfacekit/Lato-Reg-webfont.ttf") format("truetype"), url("../fonts/lato-fontfacekit/Lato-Reg-webfont.svg#LatoRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'LatoLightItalic';
  src: url("../fonts/lato-fontfacekit/Lato-LigIta-webfont.eot");
  src: url("../fonts/lato-fontfacekit/Lato-LigIta-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-fontfacekit/Lato-LigIta-webfont.woff") format("woff"), url("../fonts/lato-fontfacekit/Lato-LigIta-webfont.ttf") format("truetype"), url("../fonts/lato-fontfacekit/Lato-LigIta-webfont.svg#LatoLightItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'LatoLight';
  src: url("../fonts/lato-fontfacekit/Lato-Lig-webfont.eot");
  src: url("../fonts/lato-fontfacekit/Lato-Lig-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-fontfacekit/Lato-Lig-webfont.woff") format("woff"), url("../fonts/lato-fontfacekit/Lato-Lig-webfont.ttf") format("truetype"), url("../fonts/lato-fontfacekit/Lato-Lig-webfont.svg#LatoLight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'LatoHairlineItalic';
  src: url("../fonts/lato-fontfacekit/Lato-HaiIta-webfont.eot");
  src: url("../fonts/lato-fontfacekit/Lato-HaiIta-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-fontfacekit/Lato-HaiIta-webfont.woff") format("woff"), url("../fonts/lato-fontfacekit/Lato-HaiIta-webfont.ttf") format("truetype"), url("../fonts/lato-fontfacekit/Lato-HaiIta-webfont.svg#LatoHairlineItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

/*! system-font.css v2.0.2 | CC0-1.0 License | github.com/jonathantneal/system-font-css */
@font-face {
  font-family: system-ui;
  font-style: normal;
  font-weight: 300;
  src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Segoe UI Light"), local("Ubuntu Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma"); }

@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: 300;
  src: local(".SFNSText-LightItalic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Light Italic"), local("Ubuntu Light Italic"), local("Roboto-LightItalic"), local("DroidSans"), local("Tahoma"); }

@font-face {
  font-family: system-ui;
  font-style: normal;
  font-weight: 400;
  src: local(".SFNSText-Regular"), local(".HelveticaNeueDeskInterface-Regular"), local(".LucidaGrandeUI"), local("Segoe UI"), local("Ubuntu"), local("Roboto-Regular"), local("DroidSans"), local("Tahoma"); }

@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: 400;
  src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma"); }

@font-face {
  font-family: system-ui;
  font-style: normal;
  font-weight: 500;
  src: local(".SFNSText-Medium"), local(".HelveticaNeueDeskInterface-MediumP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold"), local("Ubuntu Medium"), local("Roboto-Medium"), local("DroidSans-Bold"), local("Tahoma Bold"); }

@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: 500;
  src: local(".SFNSText-MediumItalic"), local(".HelveticaNeueDeskInterface-MediumItalicP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold Italic"), local("Ubuntu Medium Italic"), local("Roboto-MediumItalic"), local("DroidSans-Bold"), local("Tahoma Bold"); }

@font-face {
  font-family: system-ui;
  font-style: normal;
  font-weight: 700;
  src: local(".SFNSText-Bold"), local(".HelveticaNeueDeskInterface-Bold"), local(".LucidaGrandeUI"), local("Segoe UI Bold"), local("Ubuntu Bold"), local("Roboto-Bold"), local("DroidSans-Bold"), local("Tahoma Bold"); }

@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: 700;
  src: local(".SFNSText-BoldItalic"), local(".HelveticaNeueDeskInterface-BoldItalic"), local(".LucidaGrandeUI"), local("Segoe UI Bold Italic"), local("Ubuntu Bold Italic"), local("Roboto-BoldItalic"), local("DroidSans-Bold"), local("Tahoma Bold"); }

.disclaimer {
  margin: 0 0 1em 0;
  font-size: 90%;
  color: #5E564B;
  font-style: italic; }

/* UTILITY */
.label {
  font-weight: bold; }

.field-label {
  font-weight: bold;
  font-family: "LatoBold"; }

.clearboth {
  clear: both; }

.float-left {
  float: left; }

br.clearboth {
  line-height: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: block; }

.replaced-text {
  display: none;
  height: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  border: 0; }

.hidden {
  display: none;
  margin: 0;
  padding: 0; }

.inline {
  display: inline;
  margin: 0;
  padding: 0; }

figure {
  display: inline-table !important;
  padding: 10px; }

figcaption {
  display: table-caption;
  caption-side: bottom;
  font-style: italic;
  text-align: center; }

.cke_widget_inline {
  display: block; }

.wysiwyg-break {
  display: block;
  border: 0;
  border-top: 1px dotted #FF0000;
  margin-top: 1em;
  width: 550px;
  height: 12px;
  background: transparent url("../../../modules/wysiwyg/plugins/break/images/breaktext.gif") no-repeat center top; }

.caption {
  font-style: italic;
  text-align: center; }

img.media-element,
figcaption {
  padding: 1px 10px; }

.readmore {
  font-weight: bold;
  text-decoration: underline !important;
  text-transform: uppercase;
  color: #71695E;
  margin: 0 0 0 .3em;
  font-size: 85%; }

.more-link a {
  text-transform: uppercase;
  font-size: 9px;
  font-size: .9rem;
  letter-spacing: .13em;
  text-decoration: underline !important; }

.privacy-policy {
  text-align: center;
  margin: 0;
  padding: .5em; }

/* Collapsable */
.fake-link {
  text-decoration: underline;
  padding-left: 18px !important; }
  .fake-link:hover {
    cursor: pointer; }
  .fake-link:focus {
    box-shadow: 1px 1px 1px 1px #082530;
    outline-color: #0f465c;
    outline-style: solid;
    outline-width: 0.25em; }

.assistive-listening {
  min-height: 25px;
  font-style: italic;
  color: #666666;
  margin: .5em 0 0 0;
  padding: 0 0 0 30px;
  letter-spacing: 0;
  background-position: top left;
  background-repeat: no-repeat;
  font-size: .9em;
  line-height: 1.3em;
  background-image: url("../images/assistive_listening.gif");
  vertical-align: middle; }

.accessibility-services-note {
  font-style: italic;
  color: #666666;
  margin: .5em 0 0 0;
  letter-spacing: 0;
  font-size: .9em;
  line-height: 1.3em; }

.hidden {
  display: none !important;
  visibility: hidden; }

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

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

.invisible {
  visibility: hidden; }

/* Use the following CSS code if you want to have a class per icon */
/*
// Instead of a list of all class selectors,
// you can use the generic selector below, but it's slower:
// [class*="icon-"] {
// */
/*** NYPL BASE ICONS ***/
@font-face {
  font-family: "NYPL-icomoon";
  src: url("../fonts/NYPL-icomoon/NYPL-icomoon.eot");
  src: url("../fonts/NYPL-icomoon/NYPL-icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/NYPL-icomoon/NYPL-icomoon.woff") format("woff"), url("../fonts/NYPL-icomoon/NYPL-icomoon.ttf") format("truetype"), url("../fonts/NYPL-icomoon/NYPL-icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

[data-icon]:before,
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "NYPL-icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

[data-icon]:before {
  content: attr(data-icon); }

[class^="icon-"],
[class*=" icon-"] {
  background: none;
  line-height: 1;
  width: auto;
  height: auto; }

li[data-icon],
li[class^="icon-"],
li[class*=" icon-"] {
  list-style-type: none; }

.icon-NYPL_mark1_black_pos:before {
  content: "\e600"; }

.icon-NYPL_mark1_white_rev:before {
  content: "\e601"; }

.icon-home:before {
  content: "\e602"; }

.icon-home2:before {
  content: "\e603"; }

.icon-home3:before {
  content: "\e604"; }

.icon-office:before {
  content: "\e605"; }

.icon-newspaper:before {
  content: "\e606"; }

.icon-pencil:before {
  content: "\e607"; }

.icon-pencil2:before {
  content: "\e608"; }

.icon-quill:before {
  content: "\e609"; }

.icon-pen:before {
  content: "\e60a"; }

.icon-blog:before {
  content: "\e60b"; }

.icon-droplet:before {
  content: "\e60c"; }

.icon-paint-format:before {
  content: "\e60d"; }

.icon-image:before {
  content: "\e60e"; }

.icon-image2:before {
  content: "\e60f"; }

.icon-images:before {
  content: "\e610"; }

.icon-camera:before {
  content: "\e611"; }

.icon-music:before {
  content: "\e612"; }

.icon-headphones:before {
  content: "\e613"; }

.icon-play:before {
  content: "\e614"; }

.icon-film:before {
  content: "\e615"; }

.icon-camera2:before {
  content: "\e616"; }

.icon-dice:before {
  content: "\e617"; }

.icon-pacman:before {
  content: "\e618"; }

.icon-spades:before {
  content: "\e619"; }

.icon-clubs:before {
  content: "\e61a"; }

.icon-diamonds:before {
  content: "\e61b"; }

.icon-pawn:before {
  content: "\e61c"; }

.icon-bullhorn:before {
  content: "\e61d"; }

.icon-connection:before {
  content: "\e61e"; }

.icon-podcast:before {
  content: "\e61f"; }

.icon-feed:before {
  content: "\e620"; }

.icon-book:before {
  content: "\e621"; }

.icon-books:before {
  content: "\e622"; }

.icon-library:before {
  content: "\e623"; }

.icon-file:before {
  content: "\e624"; }

.icon-profile:before {
  content: "\e625"; }

.icon-file2:before {
  content: "\e626"; }

.icon-file3:before {
  content: "\e627"; }

.icon-file4:before {
  content: "\e628"; }

.icon-copy:before {
  content: "\e629"; }

.icon-copy2:before {
  content: "\e62a"; }

.icon-copy3:before {
  content: "\e62b"; }

.icon-paste:before {
  content: "\e62c"; }

.icon-paste2:before {
  content: "\e62d"; }

.icon-paste3:before {
  content: "\e62e"; }

.icon-stack:before {
  content: "\e62f"; }

.icon-folder:before {
  content: "\e630"; }

.icon-folder-open:before {
  content: "\e631"; }

.icon-tag:before {
  content: "\e632"; }

.icon-tags:before {
  content: "\e633"; }

.icon-barcode:before {
  content: "\e634"; }

.icon-qrcode:before {
  content: "\e635"; }

.icon-ticket:before {
  content: "\e636"; }

.icon-cart:before {
  content: "\e637"; }

.icon-cart2:before {
  content: "\e638"; }

.icon-cart3:before {
  content: "\e639"; }

.icon-coin:before {
  content: "\e63a"; }

.icon-credit:before {
  content: "\e63b"; }

.icon-calculate:before {
  content: "\e63c"; }

.icon-support:before {
  content: "\e63d"; }

.icon-phone:before {
  content: "\e63e"; }

.icon-phone-hang-up:before {
  content: "\e63f"; }

.icon-address-book:before {
  content: "\e640"; }

.icon-notebook:before {
  content: "\e641"; }

.icon-envelope:before {
  content: "\e642"; }

.icon-pushpin:before {
  content: "\e643"; }

.icon-location:before {
  content: "\e644"; }

.icon-location2:before {
  content: "\e645"; }

.icon-compass:before {
  content: "\e646"; }

.icon-map:before {
  content: "\e647"; }

.icon-map2:before {
  content: "\e648"; }

.icon-history:before {
  content: "\e649"; }

.icon-clock:before {
  content: "\e64a"; }

.icon-clock2:before {
  content: "\e64b"; }

.icon-alarm:before {
  content: "\e64c"; }

.icon-alarm2:before {
  content: "\e64d"; }

.icon-bell:before {
  content: "\e64e"; }

.icon-stopwatch:before {
  content: "\e64f"; }

.icon-calendar:before {
  content: "\e650"; }

.icon-calendar2:before {
  content: "\e651"; }

.icon-print:before {
  content: "\e652"; }

.icon-keyboard:before {
  content: "\e653"; }

.icon-screen:before {
  content: "\e654"; }

.icon-laptop:before {
  content: "\e655"; }

.icon-mobile:before {
  content: "\e656"; }

.icon-mobile2:before {
  content: "\e657"; }

.icon-tablet:before {
  content: "\e658"; }

.icon-tv:before {
  content: "\e659"; }

.icon-cabinet:before {
  content: "\e65a"; }

.icon-drawer:before {
  content: "\e65b"; }

.icon-drawer2:before {
  content: "\e65c"; }

.icon-drawer3:before {
  content: "\e65d"; }

.icon-box-add:before {
  content: "\e65e"; }

.icon-box-remove:before {
  content: "\e65f"; }

.icon-download:before {
  content: "\e660"; }

.icon-upload:before {
  content: "\e661"; }

.icon-disk:before {
  content: "\e662"; }

.icon-storage:before {
  content: "\e663"; }

.icon-undo:before {
  content: "\e664"; }

.icon-redo:before {
  content: "\e665"; }

.icon-flip:before {
  content: "\e666"; }

.icon-flip2:before {
  content: "\e667"; }

.icon-undo2:before {
  content: "\e668"; }

.icon-redo2:before {
  content: "\e669"; }

.icon-forward:before {
  content: "\e66a"; }

.icon-reply:before {
  content: "\e66b"; }

.icon-bubble:before {
  content: "\e66c"; }

.icon-bubbles:before {
  content: "\e66d"; }

.icon-bubbles2:before {
  content: "\e66e"; }

.icon-bubble2:before {
  content: "\e66f"; }

.icon-bubbles3:before {
  content: "\e670"; }

.icon-bubbles4:before {
  content: "\e671"; }

.icon-user:before {
  content: "\e672"; }

.icon-users:before {
  content: "\e673"; }

.icon-user2:before {
  content: "\e674"; }

.icon-users2:before {
  content: "\e675"; }

.icon-user3:before {
  content: "\e676"; }

.icon-user4:before {
  content: "\e677"; }

.icon-quotes-left:before {
  content: "\e678"; }

.icon-busy:before {
  content: "\e679"; }

.icon-spinner:before {
  content: "\e67a"; }

.icon-spinner2:before {
  content: "\e67b"; }

.icon-spinner3:before {
  content: "\e67c"; }

.icon-spinner4:before {
  content: "\e67d"; }

.icon-spinner5:before {
  content: "\e67e"; }

.icon-spinner6:before {
  content: "\e67f"; }

.icon-binoculars:before {
  content: "\e680"; }

.icon-search:before {
  content: "\e681"; }

.icon-zoom-in:before {
  content: "\e682"; }

.icon-zoom-out:before {
  content: "\e683"; }

.icon-expand:before {
  content: "\e684"; }

.icon-contract:before {
  content: "\e685"; }

.icon-expand2:before {
  content: "\e686"; }

.icon-contract2:before {
  content: "\e687"; }

.icon-key:before {
  content: "\e688"; }

.icon-key2:before {
  content: "\e689"; }

.icon-lock:before {
  content: "\e68a"; }

.icon-lock2:before {
  content: "\e68b"; }

.icon-unlocked:before {
  content: "\e68c"; }

.icon-wrench:before {
  content: "\e68d"; }

.icon-settings:before {
  content: "\e68e"; }

.icon-equalizer:before {
  content: "\e68f"; }

.icon-cog:before {
  content: "\e690"; }

.icon-cogs:before {
  content: "\e691"; }

.icon-cog2:before {
  content: "\e692"; }

.icon-hammer:before {
  content: "\e693"; }

.icon-wand:before {
  content: "\e694"; }

.icon-aid:before {
  content: "\e695"; }

.icon-bug:before {
  content: "\e696"; }

.icon-pie:before {
  content: "\e697"; }

.icon-stats:before {
  content: "\e698"; }

.icon-bars:before {
  content: "\e699"; }

.icon-bars2:before {
  content: "\e69a"; }

.icon-gift:before {
  content: "\e69b"; }

.icon-trophy:before {
  content: "\e69c"; }

.icon-glass:before {
  content: "\e69d"; }

.icon-mug:before {
  content: "\e69e"; }

.icon-food:before {
  content: "\e69f"; }

.icon-leaf:before {
  content: "\e6a0"; }

.icon-rocket:before {
  content: "\e6a1"; }

.icon-meter:before {
  content: "\e6a2"; }

.icon-meter2:before {
  content: "\e6a3"; }

.icon-dashboard:before {
  content: "\e6a4"; }

.icon-hammer2:before {
  content: "\e6a5"; }

.icon-fire:before {
  content: "\e6a6"; }

.icon-lab:before {
  content: "\e6a7"; }

.icon-magnet:before {
  content: "\e6a8"; }

.icon-remove:before {
  content: "\e6a9"; }

.icon-remove2:before {
  content: "\e6aa"; }

.icon-briefcase:before {
  content: "\e6ab"; }

.icon-airplane:before {
  content: "\e6ac"; }

.icon-truck:before {
  content: "\e6ad"; }

.icon-road:before {
  content: "\e6ae"; }

.icon-accessibility:before {
  content: "\e6af"; }

.icon-target:before {
  content: "\e6b0"; }

.icon-shield:before {
  content: "\e6b1"; }

.icon-lightning:before {
  content: "\e6b2"; }

.icon-switch:before {
  content: "\e6b3"; }

.icon-power-cord:before {
  content: "\e6b4"; }

.icon-signup:before {
  content: "\e6b5"; }

.icon-list:before {
  content: "\e6b6"; }

.icon-list2:before {
  content: "\e6b7"; }

.icon-numbered-list:before {
  content: "\e6b8"; }

.icon-menu:before {
  content: "\e6b9"; }

.icon-menu2:before {
  content: "\e6ba"; }

.icon-tree:before {
  content: "\e6bb"; }

.icon-cloud:before {
  content: "\e6bc"; }

.icon-cloud-download:before {
  content: "\e6bd"; }

.icon-cloud-upload:before {
  content: "\e6be"; }

.icon-download2:before {
  content: "\e6bf"; }

.icon-upload2:before {
  content: "\e6c0"; }

.icon-download3:before {
  content: "\e6c1"; }

.icon-upload3:before {
  content: "\e6c2"; }

.icon-globe:before {
  content: "\e6c3"; }

.icon-earth:before {
  content: "\e6c4"; }

.icon-flag:before {
  content: "\e6c6"; }

.icon-attachment:before {
  content: "\e6c7"; }

.icon-eye:before {
  content: "\e6c8"; }

.icon-eye-blocked:before {
  content: "\e6c9"; }

.icon-eye2:before {
  content: "\e6ca"; }

.icon-bookmark:before {
  content: "\e6cb"; }

.icon-bookmarks:before {
  content: "\e6cc"; }

.icon-brightness-medium:before {
  content: "\e6cd"; }

.icon-brightness-contrast:before {
  content: "\e6ce"; }

.icon-contrast:before {
  content: "\e6cf"; }

.icon-star:before {
  content: "\e6d0"; }

.icon-star2:before {
  content: "\e6d1"; }

.icon-star3:before {
  content: "\e6d2"; }

.icon-heart:before {
  content: "\e6d3"; }

.icon-heart2:before {
  content: "\e6d4"; }

.icon-heart-broken:before {
  content: "\e6d5"; }

.icon-thumbs-up:before {
  content: "\e6d6"; }

.icon-thumbs-up2:before {
  content: "\e6d7"; }

.icon-happy:before {
  content: "\e6d8"; }

.icon-happy2:before {
  content: "\e6d9"; }

.icon-smiley:before {
  content: "\e6da"; }

.icon-smiley2:before {
  content: "\e6db"; }

.icon-tongue:before {
  content: "\e6dc"; }

.icon-tongue2:before {
  content: "\e6dd"; }

.icon-sad:before {
  content: "\e6de"; }

.icon-sad2:before {
  content: "\e6df"; }

.icon-wink:before {
  content: "\e6e0"; }

.icon-wink2:before {
  content: "\e6e1"; }

.icon-grin:before {
  content: "\e6e2"; }

.icon-grin2:before {
  content: "\e6e3"; }

.icon-cool:before {
  content: "\e6e4"; }

.icon-cool2:before {
  content: "\e6e5"; }

.icon-angry:before {
  content: "\e6e6"; }

.icon-angry2:before {
  content: "\e6e7"; }

.icon-evil:before {
  content: "\e6e8"; }

.icon-evil2:before {
  content: "\e6e9"; }

.icon-shocked:before {
  content: "\e6ea"; }

.icon-shocked2:before {
  content: "\e6eb"; }

.icon-confused:before {
  content: "\e6ec"; }

.icon-confused2:before {
  content: "\e6ed"; }

.icon-neutral:before {
  content: "\e6ee"; }

.icon-neutral2:before {
  content: "\e6ef"; }

.icon-wondering:before {
  content: "\e6f0"; }

.icon-wondering2:before {
  content: "\e6f1"; }

.icon-point-up:before {
  content: "\e6f2"; }

.icon-point-right:before {
  content: "\e6f3"; }

.icon-point-down:before {
  content: "\e6f4"; }

.icon-point-left:before {
  content: "\e6f5"; }

.icon-warning:before {
  content: "\e6f6"; }

.icon-notification:before {
  content: "\e6f7"; }

.icon-question:before {
  content: "\e6f8"; }

.icon-info:before {
  content: "\e6f9"; }

.icon-info2:before {
  content: "\e6fa"; }

.icon-blocked:before {
  content: "\e6fb"; }

.icon-cancel-circle:before {
  content: "\e6fc"; }

.icon-checkmark-circle:before {
  content: "\e6fd"; }

.icon-spam:before {
  content: "\e6fe"; }

.icon-close:before {
  content: "\e6ff"; }

.icon-checkmark:before {
  content: "\e700"; }

.icon-checkmark2:before {
  content: "\e701"; }

.icon-spell-check:before {
  content: "\e702"; }

.icon-minus:before {
  content: "\e703"; }

.icon-plus:before {
  content: "\e704"; }

.icon-enter:before {
  content: "\e705"; }

.icon-exit:before {
  content: "\e706"; }

.icon-play2:before {
  content: "\e707"; }

.icon-pause:before {
  content: "\e708"; }

.icon-stop:before {
  content: "\e709"; }

.icon-backward:before {
  content: "\e70a"; }

.icon-forward2:before {
  content: "\e70b"; }

.icon-play3:before {
  content: "\e70c"; }

.icon-pause2:before {
  content: "\e70d"; }

.icon-stop2:before {
  content: "\e70e"; }

.icon-backward2:before {
  content: "\e70f"; }

.icon-forward3:before {
  content: "\e710"; }

.icon-first:before {
  content: "\e711"; }

.icon-last:before {
  content: "\e712"; }

.icon-previous:before {
  content: "\e713"; }

.icon-next:before {
  content: "\e714"; }

.icon-eject:before {
  content: "\e715"; }

.icon-volume-high:before {
  content: "\e716"; }

.icon-volume-medium:before {
  content: "\e717"; }

.icon-volume-low:before {
  content: "\e718"; }

.icon-volume-mute:before {
  content: "\e719"; }

.icon-volume-mute2:before {
  content: "\e71a"; }

.icon-volume-increase:before {
  content: "\e71b"; }

.icon-volume-decrease:before {
  content: "\e71c"; }

.icon-loop:before {
  content: "\e71d"; }

.icon-loop2:before {
  content: "\e71e"; }

.icon-loop3:before {
  content: "\e71f"; }

.icon-shuffle:before {
  content: "\e720"; }

.icon-arrow-up-left:before {
  content: "\e721"; }

.icon-arrow-up:before {
  content: "\e722"; }

.icon-arrow-up-right:before {
  content: "\e723"; }

.icon-arrow-right:before {
  content: "\e724"; }

.icon-arrow-down-right:before {
  content: "\e725"; }

.icon-arrow-down:before {
  content: "\e726"; }

.icon-arrow-down-left:before {
  content: "\e727"; }

.icon-arrow-left:before {
  content: "\e728"; }

.icon-arrow-up-left2:before {
  content: "\e729"; }

.icon-arrow-up2:before {
  content: "\e72a"; }

.icon-arrow-up-right2:before {
  content: "\e72b"; }

.icon-arrow-right2:before {
  content: "\e72c"; }

.icon-arrow-down-right2:before {
  content: "\e72d"; }

.icon-arrow-down2:before {
  content: "\e72e"; }

.icon-arrow-down-left2:before {
  content: "\e72f"; }

.icon-arrow-left2:before {
  content: "\e730"; }

.icon-arrow-up-left3:before {
  content: "\e731"; }

.icon-arrow-up3:before {
  content: "\e732"; }

.icon-arrow-up-right3:before {
  content: "\e733"; }

.icon-arrow-right3:before {
  content: "\e734"; }

.icon-arrow-down-right3:before {
  content: "\e735"; }

.icon-arrow-down3:before {
  content: "\e736"; }

.icon-arrow-down-left3:before {
  content: "\e737"; }

.icon-arrow-left3:before {
  content: "\e738"; }

.icon-tab:before {
  content: "\e739"; }

.icon-checkbox-checked:before {
  content: "\e73a"; }

.icon-checkbox-unchecked:before {
  content: "\e73b"; }

.icon-checkbox-partial:before {
  content: "\e73c"; }

.icon-radio-checked:before {
  content: "\e73d"; }

.icon-radio-unchecked:before {
  content: "\e73e"; }

.icon-crop:before {
  content: "\e73f"; }

.icon-scissors:before {
  content: "\e740"; }

.icon-filter:before {
  content: "\e741"; }

.icon-filter2:before {
  content: "\e742"; }

.icon-font:before {
  content: "\e743"; }

.icon-text-height:before {
  content: "\e744"; }

.icon-text-width:before {
  content: "\e745"; }

.icon-bold:before {
  content: "\e746"; }

.icon-underline:before {
  content: "\e747"; }

.icon-italic:before {
  content: "\e748"; }

.icon-strikethrough:before {
  content: "\e749"; }

.icon-omega:before {
  content: "\e74a"; }

.icon-sigma:before {
  content: "\e74b"; }

.icon-table:before {
  content: "\e74c"; }

.icon-table2:before {
  content: "\e74d"; }

.icon-insert-template:before {
  content: "\e74e"; }

.icon-pilcrow:before {
  content: "\e74f"; }

.icon-left-toright:before {
  content: "\e750"; }

.icon-right-toleft:before {
  content: "\e751"; }

.icon-paragraph-left:before {
  content: "\e752"; }

.icon-paragraph-center:before {
  content: "\e753"; }

.icon-paragraph-right:before {
  content: "\e754"; }

.icon-paragraph-justify:before {
  content: "\e755"; }

.icon-paragraph-left2:before {
  content: "\e756"; }

.icon-paragraph-center2:before {
  content: "\e757"; }

.icon-paragraph-right2:before {
  content: "\e758"; }

.icon-paragraph-justify2:before {
  content: "\e759"; }

.icon-indent-increase:before {
  content: "\e75a"; }

.icon-indent-decrease:before {
  content: "\e75b"; }

.icon-new-tab:before {
  content: "\e75c"; }

.icon-embed:before {
  content: "\e75d"; }

.icon-code:before {
  content: "\e75e"; }

.icon-console:before {
  content: "\e75f"; }

.icon-share:before {
  content: "\e760"; }

.icon-mail:before {
  content: "\e761"; }

.icon-mail2:before {
  content: "\e762"; }

.icon-mail3:before {
  content: "\e763"; }

.icon-mail4:before {
  content: "\e764"; }

.icon-google:before {
  content: "\e765"; }

.icon-google-plus:before {
  content: "\e766"; }

.icon-google-plus2:before {
  content: "\e767"; }

.icon-google-plus3:before {
  content: "\e768"; }

.icon-google-drive:before {
  content: "\e769"; }

.icon-facebook:before {
  content: "\e76a"; }

.icon-instagram:before {
  content: "\e76b"; }

.icon-twitter:before {
  content: "\e76c"; }

.icon-twitter2:before {
  content: "\e76d"; }

.icon-feed2:before {
  content: "\e76e"; }

.icon-feed3:before {
  content: "\e76f"; }

.icon-youtube:before {
  content: "\e770"; }

.icon-youtube2:before {
  content: "\e771"; }

.icon-vimeo:before {
  content: "\e772"; }

.icon-vimeo2:before {
  content: "\e773"; }

.icon-flickr:before {
  content: "\e774"; }

.icon-flickr2:before {
  content: "\e775"; }

.icon-flickr3:before {
  content: "\e776"; }

.icon-picassa:before {
  content: "\e777"; }

.icon-picassa2:before {
  content: "\e778"; }

.icon-dribbble:before {
  content: "\e779"; }

.icon-dribbble2:before {
  content: "\e77a"; }

.icon-dribbble3:before {
  content: "\e77b"; }

.icon-github:before {
  content: "\e77c"; }

.icon-github2:before {
  content: "\e77d"; }

.icon-github3:before {
  content: "\e77e"; }

.icon-github4:before {
  content: "\e77f"; }

.icon-github5:before {
  content: "\e780"; }

.icon-tumblr:before {
  content: "\e781"; }

.icon-tumblr2:before {
  content: "\e782"; }

.icon-linkedin:before {
  content: "\e783"; }

.icon-pinterest:before {
  content: "\e784"; }

.icon-file-pdf:before {
  content: "\e785"; }

.closed {
  background: #acb1b7 url("../images/arrow_closed.gif") no-repeat center left; }

.open {
  background: #acb1b7 url("../images/arrow_open.gif") no-repeat center left; }

div.tier a.readmore,
div.tier a.more-link {
  background:  url("../images/go-arrow.gif") no-repeat right center; }

/* icon15- */
a.icon15-book {
  background:  url("../images/site-icons/book_15.png") no-repeat 2px center; }

a.icon15-calendar {
  background:  url("../images/site-icons/calendar_15.png") no-repeat 2px center; }

/* icon30- */
.icon30-idcard {
  background:  url("../images/site-icons/idcard_30.png") no-repeat 0 0; }

.icon30-pencil {
  background:  url("../images/site-icons/pencil_30.png") no-repeat 0 0; }

/* THE FOLLOWING ARE ONLY BEING USED ON THE SUPPORT PGS SO FAR... */
.icon30-award {
  background:  url("../images/site-icons/icon_30_black.png") no-repeat 0 0; }

.icon30-book {
  background:  url("../images/site-icons/icon_30_black.png") no-repeat -30px 0; }

.icon30-cart {
  background:  url("../images/site-icons/icon_30_black.png") no-repeat -60px 0; }

.icon30-hand {
  background:  url("../images/site-icons/icon_30_black.png") no-repeat -90px 0; }

.icon30-lionmark {
  background:  url("../images/site-icons/icon_30_black.png") no-repeat 0 -30px; }

.icon30-tie {
  background:  url("../images/site-icons/icon_30_black.png") no-repeat -30px -30px; }

.icon30-piggy {
  background:  url("../images/site-icons/icon_30_black.png") no-repeat -60px -30px; }

.icon30-openenvelope {
  background:  url("../images/site-icons/icon_30_black.png") no-repeat -90px -30px; }

.icon30-space {
  background:  url("../images/site-icons/icon_30_black.png") no-repeat -120px -30px; }

.icon30-idcard-grey {
  background:  url("../images/site-icons/idcard-grey_30.png") no-repeat 0 center; }

.icon30-award-blue {
  background: url(../images/site-icons/award-blue_30.png) no-repeat scroll 0 center transparent; }

.icon30-calendar-blue {
  background: url(../images/site-icons/calendar-blue_30.png) no-repeat scroll 0 center transparent; }

.icon30-gift-blue {
  background: url(../images/site-icons/gift-blue_30.png) no-repeat scroll 0 center transparent; }

.icon30-lionmark-blue {
  background: url(../images/site-icons/lionmark-blue_30.png) no-repeat scroll 0 center transparent; }

.icon30-pennib-blue {
  background: url(../images/site-icons/pennib-blue_30.png) no-repeat scroll 0 center transparent; }

.icon30-piggy-blue {
  background: url(../images/site-icons/piggy-blue_30.png) no-repeat scroll 0 center transparent; }

.icon30-starcircle-blue {
  background: url(../images/site-icons/starcircle-blue_30.png) no-repeat scroll 0 center transparent; }

.icon30-tie-blue {
  background: url(../images/site-icons/tie-blue_30.png) no-repeat scroll 0 center transparent; }

/* icon50- */
a.icon50-book {
  background:  url("../images/site-icons/book_50.png") no-repeat 0 center; }

a.icon50-calendar {
  background:  url("../images/site-icons/calendar_50.png") no-repeat 0 center; }

a.icon50-info {
  background:  url("../images/site-icons/info_50.png") no-repeat 0 center; }

a.icon50-web {
  background:  url("../images/site-icons/web_50.png") no-repeat 0 center; }

a.icon50-bizcard {
  background:  url("../images/site-icons/bizcard_50.png") no-repeat 0 center; }

a.icon50-idcard {
  background:  url("../images/site-icons/idcard_50.png") no-repeat 0 center; }

/* Using the Library /help, first tier links (to go with ".featured-links-button"): backgrounds, colors */
.uselib-getting-oriented {
  background:  url("../images/using-the-library/help-icons.png") no-repeat 0 0; }

.uselib-borrowing-materials {
  background:  url("../images/using-the-library/help-icons.png") no-repeat -25px 0; }

.uselib-visiting-library {
  background:  url("../images/using-the-library/help-icons.png") no-repeat -154px 0; }

.uselib-library-card {
  background:  url("../images/using-the-library/help-icons.png") no-repeat -51px 0; }

.uselib-finding-things {
  background:  url("../images/using-the-library/help-icons.png") no-repeat -76px 0; }

.uselib-using-site {
  background:  url("../images/using-the-library/help-icons.png") no-repeat -103px 0; }

.uselib-computer-access {
  background:  url("../images/using-the-library/help-icons.png") no-repeat -128px 0; }

/* Find Books /collections, "Featured Resource" styles */
div.featured-resource p a {
  background:  url("../images/feature-star.gif") no-repeat right center; }

#custom-related .third-party-links li,
.region-right .location-sm-links .third-party-links li {
  background:  url("../images/footer/footer-media-icons.png") no-repeat 0 0; }
  #custom-related .third-party-links li.facebook,
  .region-right .location-sm-links .third-party-links li.facebook {
    background-position: 0 0; }
  #custom-related .third-party-links li.flavorpill,
  .region-right .location-sm-links .third-party-links li.flavorpill {
    background-position: -25px 0; }
  #custom-related .third-party-links li.flickr,
  .region-right .location-sm-links .third-party-links li.flickr {
    background-position: -50px 0; }
  #custom-related .third-party-links li.youtube,
  .region-right .location-sm-links .third-party-links li.youtube {
    background-position: -125px -25px; }
  #custom-related .third-party-links li.vimeo,
  .region-right .location-sm-links .third-party-links li.vimeo {
    background-position: -100px -25px; }
  #custom-related .third-party-links li.twitter,
  .region-right .location-sm-links .third-party-links li.twitter {
    background-position: -75px -25px; }
  #custom-related .third-party-links li.linkedin,
  .region-right .location-sm-links .third-party-links li.linkedin {
    background-position: -125px 0; }
  #custom-related .third-party-links li.foursquare,
  .region-right .location-sm-links .third-party-links li.foursquare {
    background-position: -75px 0; }
  #custom-related .third-party-links li.bibliocommons,
  .region-right .location-sm-links .third-party-links li.bibliocommons {
    background-position: -151px 0; }
  #custom-related .third-party-links li.tumblr,
  .region-right .location-sm-links .third-party-links li.tumblr {
    background-position: -50px -25px; }
  #custom-related .third-party-links li.instagram,
  .region-right .location-sm-links .third-party-links li.instagram {
    background:  url("../images/social-media/instagram-icon.png") no-repeat 0 0;
    height: 25px;
    width: 25px; }

.instagram {
  background:  url("../images/social-media/instagram-icon.png") no-repeat 0 0;
  height: 25px;
  width: 25px; }

/* qwidget ask NYPL chat */
#qwidget-header {
  width: 160px;
  height: 34px;
  margin: 0 auto;
  background:  url("../images/askNYPL-logo-qheader.jpg") no-repeat 0 0; }

.dod-item .dod_access_icon {
  background:  url("../images/dod_icons/dod-icons.png") no-repeat 0 0; }
  .dod-item .dod_access_icon.offsite {
    background-position: -63px 0; }
  .dod-item .dod_access_icon.onsite {
    background-position: -42px 0; }
  .dod-item .dod_access_icon.web {
    background-position: 0 0; }

.dod-item .dod_novel_icon {
  background:  url("../images/dod_icons/dod-icons.png") no-repeat -85px -1px; }

.dod-item .dod_recommended_icon {
  background:  url("../images/dod_icons/dod-icons.png") no-repeat -21px 0; }

.subway li {
  background:  url("../images/transit/subway.png") no-repeat 0 0; }
  .subway li.subway-1 {
    background-position: 0 0; }
  .subway li.subway-2 {
    background-position: -23px 0; }
  .subway li.subway-3 {
    background-position: -46px 0; }
  .subway li.subway-4 {
    background-position: -69px 0; }
  .subway li.subway-5 {
    background-position: -92px 0; }
  .subway li.subway-6 {
    background-position: 0 -23px; }
  .subway li.subway-7 {
    background-position: -23px -23px; }
  .subway li.subway-9 {
    background-position: -46px -23px; }
  .subway li.subway-a {
    background-position: -69px -23px; }
  .subway li.subway-b {
    background-position: -92px -23px; }
  .subway li.subway-c {
    background-position: 0 -46px; }
  .subway li.subway-d {
    background-position: -23px -46px; }
  .subway li.subway-e {
    background-position: -46px -46px; }
  .subway li.subway-f {
    background-position: -69px -46px; }
  .subway li.subway-g {
    background-position: -69px -46px; }
  .subway li.subway-j {
    background-position: 0 -69px; }
  .subway li.subway-l {
    background-position: -23px -69px; }
  .subway li.subway-m {
    background-position: -46px -69px; }
  .subway li.subway-n {
    background-position: -69px -69px; }
  .subway li.subway-q {
    background-position: -92px -69px; }
  .subway li.subway-r {
    background-position: 0 -92px; }
  .subway li.subway-s {
    background-position: -23px -92px; }
  .subway li.subway-v {
    background-position: -46px -92px; }
  .subway li.subway-w {
    background-position: -69px -92px; }
  .subway li.subway-z {
    background-position: -92px -92px; }
  .subway li.subway-w {
    background-position: -69px -92px; }
  .subway li.subway-z {
    background-position: -92px -92px; }

.wheelchair-access-full {
  background:  url("../images/fullaccess_small.gif") no-repeat 0 0; }

.wheelchair-access-partial {
  background:  url("../images/partialaccess_small.gif") no-repeat 0 0; }

#donate-campaign a {
  background: rgba(0, 0, 0, 0) url("/sites/all/themes/nypl_new/images/donate-campaign.jpg") no-repeat center top; }

a.learn-support {
  background:  url("../images/site-icons/learn-services-arrow.png") no-repeat right bottom; }

/* Membership page: levels */
ul.support-membership li.feature-friends {
  background: url("../images/support/support-membership-Friends.jpg") no-repeat 0px 10px; }

ul.support-membership li.feature-conservators {
  background: url("../images/support/support-membership-Conservators.jpg") no-repeat 0px 10px; }

ul.support-membership li.feature-prescouncil {
  background: url("../images/support/support-membership-PresCouncil.jpg") no-repeat 0px 10px; }

ul.support-membership li.feature-younglions {
  background: url("../images/support/support-membership-YoungLions.jpg") no-repeat 0px 10px; }

ul.support-membership li.feature-schomburg {
  background: url("../images/support/support-membership-Schomburg.jpg") no-repeat 0px 10px; }

ul.support-membership li.feature-bigelow {
  background: url("../images/support/support-membership-Bigelow.jpg") no-repeat 0px 10px; }

ul.support-membership li.feature-fslf {
  background: url("../images/support/support-membership-FSLF_SAS.jpg") no-repeat 0px 10px; }

ul.support-membership li.feature-LPA {
  background: url("../images/support/support-membership-LPA.jpg") no-repeat 0px 10px; }

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

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

/* 
    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: #000000; }

#cboxContent {
  overflow: visible; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  background: #FFF;
  padding: 10px; }

#cboxLoadingGraphic {
  background-image: url(../images/colorbox_images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center; }

#cboxLoadingOverlay {
  background: #000; }

#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #000; }

#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px; }

#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 1px;
  background-color: #FFF;
  background-image: url(../images/colorbox_images/controls.png);
  background-repeat: no-repeat;
  background-position: 0 0; }

#cboxPrevious {
  background-position: 0px 0px;
  right: 45px; }

#cboxPrevious.hover {
  background-position: 0px -25px; }

#cboxNext {
  background-position: -25px 0px;
  right: 23px; }

#cboxNext.hover {
  background-position: -25px -25px; }

#cboxClose {
  background-position: -50px 0px;
  right: 1px;
  border: none; }

#cboxClose:hover {
  background-position: -50px -25px; }

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
  right: 66px; }

.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px; }

.cboxSlideshow_on #cboxSlideshow.hover {
  background-position: -100px -25px; }

.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px; }

.cboxSlideshow_off #cboxSlideshow.hover {
  background-position: -75px -25px; }

#zone-footer-wrapper {
  display: none; }

html {
  line-height: 1.5; }

body {
  color: #36322D;
  background: #ffffff;
  font-family: "Lato", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;
  font-size: 14px;
  font-size: 1.4rem; }

h1 {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0 0 .5em 0;
  font-weight: normal;
  line-height: 1em; }

a, a:visited {
  color: #36322D;
  text-decoration: underline; }

a:hover, a:active {
  color: #135772; }

a:focus {
  box-shadow: 1px 1px 1px 1px #082530;
  outline-color: #0f465c;
  outline-style: solid;
  outline-width: 0.25em; }

p {
  margin: 0 0 1em 0; }

/* CONTENT AREA */
#main-content-inner {
  margin-bottom: 20px; }
  @media only screen and (min-width: 720px) {
    #main-content-inner {
      padding-top: 20px;
      padding-top: 2rem; } }

.region-content-inner {
  padding: 0 10px;
  margin-top: 45px; }
  @media only screen and (min-width: 720px) {
    .region-content-inner {
      padding: 0;
      margin-top: 0; } }

#region-right {
  padding: 10px; }
  @media only screen and (min-width: 720px) {
    #region-right {
      padding: 0; } }

div[class*='region-landing'] {
  padding: 10px; }
  @media only screen and (min-width: 720px) {
    div[class*='region-landing'] {
      padding: 0; } }

/* TABLE STYLES */
table {
  font-size: 100%;
  margin: .5em 0 1em 0; }
  table.diff-revisions {
    float: left; }

tbody {
  border: none; }

thead th {
  background-color: #71695E;
  border-bottom: 1px solid #CBC8C1;
  color: #FFFFFF;
  font-weight: normal;
  padding-right: 1em;
  text-align: left;
  text-transform: uppercase; }

tbody td, tbody th {
  padding: .5em .3em;
  border-bottom: 1px solid #CBC8C1;
  text-align: left; }

caption {
  text-align: left; }

th {
  /* background-color: #dedede; */ }

table ul, table ol {
  padding: 0 0 0 20px; }

.signup-method {
  color: #D75B27; }

/* Sticky Table */
.sticky-table {
  clear: both;
  margin: 1em auto !important; }

/* Landing pages */
.landing-page-list {
  list-style: none;
  margin: 1em 0;
  padding: 0; }
  .landing-page-list li {
    width: 120px;
    margin: 0 1em .75em 1em;
    display: inline-table; }
    .landing-page-list li a {
      display: block; }
    .landing-page-list li p {
      margin: 0;
      padding: 10px 0 0 0;
      font-size: .9em; }

.zone-postscript h2 {
  color: #D0343A;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 0 .2em 0;
  text-transform: uppercase; }

.zone-postscript ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0 0 0 1em;
  padding: 0; }
  .zone-postscript ul li {
    margin: 0 0 .8em 0;
    padding: 0; }
    .zone-postscript ul li.leaf {
      list-style-image: none;
      list-style-position: outside;
      list-style-type: disc; }
    .zone-postscript ul li h2 {
      margin: 0;
      line-height: 1.25em;
      text-transform: none; }

.zone-postscript .more-link a {
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: normal; }

.program-list {
  position: relative; }
  .program-list .program-item {
    margin: 1em;
    padding: 0 0 .25em;
    position: relative; }
    .program-list .program-item h3 {
      margin: 0 0 .25em 0;
      font-weight: bold; }
    .program-list .program-item .content {
      padding: 0; }
      .program-list .program-item .content p,
      .program-list .program-item .content ul {
        margin: 0 0 .5em 0; }
    .program-list .program-item .thumbnail-wrapper {
      width: 100px;
      margin: 0 15px 10px 0;
      padding: 0;
      float: left; }
    .program-list .program-item .thumbnail .caption {
      display: block;
      margin: .5em 0 0 0;
      display: block;
      font-size: 0.8em;
      line-height: 0.9em;
      text-align: center; }
    .program-list .program-item .teaser-text {
      margin: 0 0 1em 0; }
      @media only screen and (min-width: 950px) {
        .program-list .program-item .teaser-text {
          margin-left: 115px; } }
    .program-list .program-item .teaser-text,
    .program-list .program-item .cost-tix,
    .program-list .program-item .program-date,
    .program-list .program-item .program-location {
      font-size: .9em; }
    .program-list .program-item .date-location {
      margin: 0 0 1em 0;
      text-transform: uppercase; }
      .program-list .program-item .date-location p {
        margin: 0;
        padding: 0; }
  .program-list .last {
    border-bottom: 0;
    padding: 0; }

/* Events page landing features */
.event-features {
  margin: 1em 0 0 0; }
  .event-features .region .item-list ul {
    margin: 0 !important; }
  .event-features .region .more {
    font-size: 12px;
    font-size: 1.2rem; }

/* Sitewide Banner */
.nypl-banner {
  display: none; }
  @media only screen and (min-width: 720px) {
    .nypl-banner {
      display: block; } }
  .nypl-banner img {
    max-width: 100%; }

.cke_editable, .cke_editable_themed {
  line-height: 1.5;
  max-width: 730px;
  margin: auto; }

.cke_source {
  max-width: inherit; }

/*** BEGIN GALLERIA STYLES ***/
h2.gallery-title {
  text-align: center;
  margin: 0 0 .25em 0; }

div.view-image-gallery {
  width: 530px;
  padding: 0;
  margin: 1em auto;
  border: 1px solid #858E95;
  background: #E8E4E1;
  clear: both; }

.galleria {
  list-style: none;
  width: 530px;
  padding: 10px 0 0 0;
  margin: 0; }
  .galleria li {
    display: block;
    width: 55px;
    height: 55px;
    overflow: hidden;
    float: left;
    margin: 0 0 10px 10px; }
    .galleria li a {
      display: none; }
    .galleria li div {
      position: absolute;
      display: none;
      top: 0;
      left: 180px; }
      .galleria li div img {
        cursor: pointer; }
    .galleria li.active div {
      display: block; }
      .galleria li.active div img {
        display: block; }
    .galleria li .caption {
      display: block;
      padding-top: .5em; }
    .galleria li img.thumb {
      cursor: pointer;
      top: auto;
      left: auto;
      display: block;
      width: auto;
      height: auto; }

* html .galleria li div span {
  width: 530px; }

/* MSIE bug */
.view-image-gallery {
  position: relative; }

#gallery-main-image {
  padding: 0;
  margin: 0;
  text-align: center; }

.galleria_wrapper {
  height: 350px;
  padding: 6px 0 10px 0;
  text-align: center;
  background: #000000; }

#gallery-main-image .galleria_wrapper img {
  max-height: 350px;
  max-width: 530px; }

.view-image-gallery .views-admin-links {
  display: none;
  visibility: hidden; }

#gallery-main-image span.caption {
  display: block;
  margin: 5px 0;
  font-size: 90%; }

/*** END GALLERIA STYLES ***/
/* jQuery COLLAPSE */
div.collapsible {
  font-size: 100%;
  padding: 0;
  margin: 1em 0 1.8em 0;
  background: #E8E4E1; }
  div.collapsible .trigger {
    margin: 0;
    padding: .25em;
    line-height: 1em;
    background-color: #CBC8C1; }
  div.collapsible div {
    margin: 0;
    padding: .75em; }
    div.collapsible div div {
      margin: 0;
      padding: 0; }
    div.collapsible div h3.first,
    div.collapsible div h2.first {
      margin-top: 0; }

/* COLLAPSE OVERRIDES */
.event-details div.collapsible {
  font-size: 100%;
  padding: 0;
  margin: 0 0 1em 0;
  border: none;
  background: inherit; }
  .event-details div.collapsible .trigger {
    margin: 0;
    padding: 0;
    line-height: 1em;
    background-color: inherit;
    border-bottom: none; }

/* DATEPICKER */
table.ui-datepicker-calendar {
  width: 100%; }

.ui-datepicker-next {
  left: 14.5em; }

/* ------------------------------------------------------------JA's "The Grid" system */
/* COLUMN WIDTH CLASSES */
/* class names: .TG-XX where XX = number of columns spanned */
.TG-1 {
  width: 40px; }

.TG-2 {
  width: 100px; }

.TG-3 {
  width: 160px; }

.TG-4 {
  width: 220px; }

.TG-5 {
  width: 280px; }

.TG-6 {
  width: 340px; }

.TG-7 {
  width: 400px; }

.TG-8 {
  width: 460px; }

.TG-9 {
  width: 520px; }

.TG-10 {
  width: 580px; }

.TG-11 {
  width: 640px; }

.TG-12 {
  width: 700px; }

.TG-13 {
  width: 760px; }

.TG-14 {
  width: 820px; }

.TG-15 {
  width: 880px; }

.TG-16 {
  width: 940px; }

.TG-1, .TG-2, .TG-3, .TG-4, .TG-5, .TG-6, .TG-7, .TG-8,
.TG-9, .TG-10, .TG-11, .TG-12, .TG-13, .TG-14, .TG-15, .TG-16 {
  margin: 0 10px; }

/* kills TG left margin in certain situations */
#main-content-inner div[class*="TG"],
div[class|="TG"] div[class|="TG"] {
  margin-left: 0; }

/* ----------------------------------------------GENERAL TIER STYLES */
/* in order to have these styles, stuff gotta be wrapped in DIV.tier */
div.tier {
  overflow: hidden;
  padding: 1em 0;
  width: 100%;
  /*a {
    text-decoration: none;
  }*/ }
  div.tier h1 {
    color: #D75B27; }
  div.tier h2 {
    font-size: 1.3em; }
  div.tier h3 {
    font-size: 1em; }
  div.tier h2,
  div.tier h3 {
    margin-top: 0; }
  div.tier img {
    border: 2px solid #908B85;
    float: left;
    margin: 0 10px 10px 0; }
  div.tier h4 {
    /* HEDS for each section chunk or list: org type and grey border-bottom */
    border-bottom: 2px solid #B4AEA9;
    color: #D75B27;
    font-size: 0.98em;
    font-weight: bold;
    margin-top: 0;
    /* fixes top margin from default h2 */
    padding-bottom: 2px;
    text-transform: uppercase; }
  div.tier a.readmore,
  div.tier a.more-link {
    /* "more" link */
    background-size: 10px;
    padding: 3px 15px 2px 2px;
    font-weight: normal;
    font-style: italic;
    text-decoration: none;
    text-transform: lowercase; }
  div.tier a.readmore:hover,
  div.tier a.more-link:hover {
    text-decoration: underline; }
  div.tier a.readmore:focus,
  div.tier a.more-link:focus {
    box-shadow: 1px 1px 1px 1px #082530;
    outline-color: #0f465c;
    outline-style: solid;
    outline-width: 0.25em; }

div.tier div,
div.tier div div,
ul.floatlist > li,
div.tier p[class*="TG"] {
  /* TIER CHUNKS, which need to float next to each other */
  float: left; }

ul.floatlist li.TG-4 {
  margin: 0; }

h2.section {
  border-bottom: 2px solid #B4AEA9; }

/* -----------------------------------------------------TIER LISTS */
div.tier ul li {
  border-bottom: 1px solid #E4DEDA;
  font-size: 0.95em;
  padding: 10px 0; }
  div.tier ul li.last {
    /* no border on the last item */
    border-bottom: 0 none; }
  div.tier ul li a {
    text-decoration: none; }
    div.tier ul li a:hover, div.tier ul li a:active {
      text-decoration: underline; }
    div.tier ul li a:focus {
      box-shadow: 1px 1px 1px 1px #082530;
      outline-color: #0f465c;
      outline-style: solid;
      outline-width: 0.25em; }

/* --------------------------------------------------NESTED LISTS */
div.tier ul li ul li {
  /* fixes inheritance issues for nested lists*/
  font-size: inherit; }

/* a UL CONTAINING NESTED LISTS must be given class "floatlist" */
div.tier ul.floatlist li {
  border-bottom: 0 none; }
  div.tier ul.floatlist li ul {
    margin: 0; }
    div.tier ul.floatlist li ul li {
      border-bottom: 1px solid #E4DEDA; }
    div.tier ul.floatlist li ul.support li {
      height: 30px; }

ul.floatlist li:first-child {
  margin-left: 0; }

ul.floatlist li.last {
  border-bottom: 0 none; }

ul.floatlist li ul li:first-child {
  padding: 0 0 10px; }

div.tier ul.floatlist li ul li.last {
  border-bottom: 0 none;
  padding: 10px 0 0; }

/*end "floatlist" */
a.view-more {
  color: #007ACC;
  font-size: 14px;
  margin-left: 30px;
  text-decoration: none; }
  a.view-more:hover {
    color: gray; }
  a.view-more:focus {
    box-shadow: 1px 1px 1px 1px #082530;
    outline-color: #0f465c;
    outline-style: solid;
    outline-width: 0.25em; }

/* SOME LIST FIXES */
/* only erases one margin-right in a grouping*/
.last + .last,
div.last + div.last {
  margin-right: 0; }

/* no list item dots */
div.tier ul li,
ul.tier li,
ul.featured-links-button li {
  list-style-type: none; }

/* to override default padding */
div.tier ul,
ul.firsttier_featured-links-button,
ul.firsttier_featured-links-button li ul {
  padding: 0; }

/* "featured-links-button" button pattern: puts link in the shape of a rounded button; must then add class for icon */
ul.featured-links-button {
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 95%; }
  ul.featured-links-button > li {
    float: left; }
  ul.featured-links-button li a {
    display: block;
    font-size: 1.3em;
    margin: 10px;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
    ul.featured-links-button li a:hover span,
    ul.featured-links-button li a:active span {
      text-decoration: underline; }
    ul.featured-links-button li a:focus span {
      box-shadow: 1px 1px 1px 1px #082530;
      outline-color: #0f465c;
      outline-style: solid;
      outline-width: 0.25em; }

a.featured-links-button {
  font-size: 1.3em;
  padding: 4px 7px;
  text-decoration: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  a.featured-links-button.blue {
    background: #00A2CE;
    color: #fff;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 200px; }

/* end "featured-links-button" button pattern */
/* "iconXX": links backgrounds, colors */
a[class^="icon50-"] {
  color: #36322D; }

a[class^="icon30-"] {
  color: #36322D; }

a[class^="icon15-"] {
  color: #36322D; }

a[class|="icon30"],
div[class|="icon30"] {
  display: inline-block;
  height: 30px;
  width: 30px; }

/* icon50 used w/ p link... */
p > a[class|="icon50"] {
  display: block;
  font-size: 1.1em;
  line-height: 1.2em;
  margin-bottom: 1em;
  min-height: 50px;
  padding-left: 60px;
  text-decoration: none; }

p > a[class|="icon50"]:hover {
  text-decoration: underline; }

p > a[class|="icon50"]:focus {
  box-shadow: 1px 1px 1px 1px #082530;
  outline-color: #0f465c;
  outline-style: solid;
  outline-width: 0.25em; }

/* icon50 used w/ list items... */
/* MUST be combined with ".featured-links-button" class */
ul.featured-links-button a[class|="icon50"] {
  /* padding for each icon, plus style for link */
  background-position: 5px;
  border: 1px solid #B4AEA9;
  font-size: 1em;
  font-weight: bold;
  padding: 23px 5px;
  /* top/bottom padding = 46, or almost 50 (height of icon) */
  width: 220px; }

a[class|="icon50"] span {
  /* shifts link text left to reveal icon bg img */
  margin-left: 60px; }

p > a.icon50-button {
  color: #D75B27;
  /* orange */
  font-size: 140%;
  line-height: 50px;
  margin: 0 auto; }

p > a.icon50-button.blue {
  color: #00A2CE; }

/* icon15 used w/ p link... */
p > a[class|="icon15"] {
  display: block;
  font-size: 1.1em;
  line-height: 1.2em;
  margin: 0 auto;
  overflow: hidden;
  padding-left: 25px;
  text-decoration: none; }

p > a[class|="icon15"]:hover {
  text-decoration: underline; }

p > a[class|="icon15"]:focus {
  box-shadow: 1px 1px 1px 1px #082530;
  outline-color: #0f465c;
  outline-style: solid;
  outline-width: 0.25em; }

/* icon15 used w/ list items... */
/* MUST be combined with ".featured-links-button" class */
ul.featured-links-button a[class|="icon15"] {
  /* padding for each icon */
  padding: 10px 11px; }

a[class|="icon15"] span {
  /* shifts link text left to reveal icon bg img */
  margin-left: 25px; }

ul.featured-links-button a[class|="uselib"] {
  /* text color, padding, width for each link */
  color: #FFFFFF;
  background: #00A2CE;
  padding: 7px 11px;
  width: 210px;
  float: left; }

ul.featured-links-button a[class|="uselib-dark"] {
  background: #0071A1; }

ul.featured-links-button div[class|="uselib"] {
  /* text color, padding, width for each link */
  width: 23px;
  height: 26px;
  float: left;
  margin-right: 5px; }

a[class|="uselib"] span {
  /* space for the icon */
  margin-left: 25px; }

/* Find Books /collections, "Featured Resource" styles */
div.featured-resource p {
  color: #71695E;
  font-size: 0.8em;
  line-height: 1.3em; }

div.featured-resource p a {
  border-bottom: 1px solid #B4AEA9;
  display: block;
  font-size: 120%;
  padding: 5px 0;
  text-decoration: none; }

/* INLINE IMAGES */
.image-caption-container {
  text-align: center;
  font-size: 0.9em;
  font-style: italic;
  width: 80%;
  margin: 0 auto 15px; }

.image-caption-container-left {
  margin-right: 10px; }

.image-caption-container-right {
  margin-left: 10px; }

span.inline,
span.inline-right,
span.inline-center,
span.inline-middle,
span.inline-left {
  display: block;
  margin: 0;
  /* padding: 0 1.5em; */
  /* Debugging captions */ }

span.inline-left {
  margin: 0 auto; }
  @media only screen and (min-width: 480px) {
    span.inline-left {
      float: left;
      padding: 0 1.5em 1.5em 0; } }

span.inline-right {
  float: right;
  margin-left: 20px;
  padding: 0 0 1.5em 1.5em;
  /* img {
    float: right;
    padding: 0 0 1.5em 1.5em;
  } */ }

span.inline-center,
span.inline-middle {
  float: none;
  text-align: center;
  margin: 1em auto;
  padding: 0;
  display: block; }
  span.inline-center img,
  span.inline-middle img {
    margin: .5em auto;
    padding: 0;
    clear: both; }

span.inline .caption {
  display: block;
  font-size: .9em;
  font-style: italic;
  padding: .25em;
  text-align: center;
  color: #36322d; }

.image-clear {
  /* img_assist adds this at the end of body when inline images are present */
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
  margin: 0; }

/* SOCIAL MEDIA ICONS */
#custom-related .third-party-links,
.region-right .location-sm-links .third-party-links {
  background: #E8E4E1;
  float: left;
  padding: 0 0 0 5px;
  list-style: none;
  margin: 1em 0;
  width: 100%; }
  #custom-related .third-party-links li,
  .region-right .location-sm-links .third-party-links li {
    float: left;
    margin: 0.5em 2px; }
    #custom-related .third-party-links li a,
    .region-right .location-sm-links .third-party-links li a {
      display: block;
      width: 25px;
      height: 25px; }

#custom-related .third-party-links {
  width: auto; }

.region-right #custom-related .third-party-links {
  width: 100%; }

.location-sm-links p a {
  color: #71695E;
  font-size: 95%; }
  .location-sm-links p a:hover, .location-sm-links p a:active {
    color: #CBC8C1; }
  .location-sm-links p a:focus {
    box-shadow: 1px 1px 1px 1px #082530;
    outline-color: #0f465c;
    outline-style: solid;
    outline-width: 0.25em; }

.sort_options {
  color: #71695E;
  font-size: .9em; }
  .sort_options a:link,
  .sort_options a:visited {
    color: #71695E; }

/* PRINT PUBLICATIONS */
.landing-page-item .print-pub-item {
  margin: 0; }

.print-pub-item {
  position: relative;
  margin: 1em 0; }
  .print-pub-item img {
    float: left;
    margin: .25em 1em .75em 0;
    padding: 0; }
  .print-pub-item p {
    margin: 0 0 .5em 0; }
  .print-pub-item h3 {
    margin: 0; }

.print-pub-item .pub_creator,
.print-pub-display .pub_creator {
  margin: 0 0 .5em 0; }

.pub_details {
  clear: left;
  padding: .5em .5em 0 .5em;
  margin: 0.5em 0;
  background: #e2dedb;
  border: 1px solid #c5c2bb; }
  .pub_details p {
    margin: 0 0 .5em 0; }

.view-print-pubs .views-field-title {
  font-size: 1.2em; }

.view-print-pubs .views-field-field-pub-author {
  margin: 0.3em 0 0.5em 0; }

.view-print-pubs .views-label-field-pub-author {
  float: left;
  padding-right: 4px; }

.view-print-pubs .views-field-field-project-image img {
  float: left;
  margin: 0.25em 1em 0.75em 0;
  padding: 0; }

.view-print-pubs .views-field-field-pub-editor {
  margin-bottom: 15px;
  font-style: italic; }

/* --- For proper highlighting of AV Carousel
 under nypl_grouper::theme_nypl_grouper_av_carousel()
 MAY override other grouper list link settings
 --- */
.grouper-list li a {
  text-decoration: none;
  display: block; }

/* RSS */
.feed-link,
.rss-feed-link,
.feedburner-feed-link {
  margin: 0;
  padding: 0 0 0 50px;
  height: 16px;
  position: relative; }

.rss-text-link {
  min-height: 17px;
  padding: 0 0 0 20px;
  line-height: 17px;
  position: relative; }
  .rss-text-link a:focus {
    display: inline-block; }

.rss-feed-link,
.feedburner-feed-link {
  float: left; }

li .rss-feed-link,
li .feedburner-feed-link {
  float: none; }

.feed-link a.icon-link,
.rss-feed-link a.icon-link,
.feedburner-feed-link a.icon-link,
.rss-text-link a.icon-link,
span.icon-link {
  display: block;
  position: absolute;
  left: 0; }

.feed-link a.icon-link,
.rss-feed-link a.icon-link,
.feedburner-feed-link a.icon-link,
span.icon-link {
  background: url(../images/rss.gif) top left no-repeat;
  width: 45px;
  height: 16px; }

.rss-text-link a.icon-link,
span.icon-link {
  background: url(../images/rss_icon.gif) top left no-repeat;
  width: 20px;
  height: 16px; }

.no-ext span.ext {
  background: none;
  padding-right: 0; }

#alert {
  position: relative;
  top: 50px;
  text-align: center;
  background-color: #ECE94C;
  margin: 0;
  padding: 10px;
  font-size: 14px;
  font-size: 1.4rem; }
  @media only screen and (min-width: 720px) {
    #alert {
      top: 0px;
      margin-bottom: 10px; } }
  #alert p {
    line-height: 1.3em;
    margin: 0 auto;
    width: 80%; }
  #alert .block {
    margin: 0px; }
  #alert .views-row {
    padding: 0px; }

#header {
  background-color: black;
  height: 50px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
  font-size: 12px;
  font-size: 1.2rem; }
  @media only screen and (min-width: 720px) {
    #header {
      min-height: 210px;
      zoom: 1;
      clear: both;
      margin-bottom: 60px;
      position: relative;
      background: #fff;
      width: auto; }
      #header:before, #header:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden; }
      #header:after {
        clear: both; } }
  @media only screen and (min-width: 950px) {
    #header {
      margin-bottom: 10px; } }
  #header .tophdr-wrapper {
    width: auto;
    min-width: auto;
    margin: 0 auto; }
    @media only screen and (min-width: 950px) {
      #header .tophdr-wrapper {
        min-width: 640px;
        max-width: 960px;
        position: relative; } }
  #header a.logo {
    margin: 0;
    height: 50px;
    background:  url("tmp-header-sprite.png") no-repeat top left;
    width: 110px;
    float: left;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    top: 0;
    position: absolute; }
    @media only screen and (min-width: 720px) {
      #header a.logo {
        margin-top: 18px;
        margin-bottom: 18px;
        height: 125px;
        width: 180px;
        width: 210px;
        background:  url("../images/main-logo.png") no-repeat 0 0;
        margin-left: 20px;
        overflow: hidden;
        text-indent: -99999px; } }
  #header .header-buttons .header-newsletter-signup {
    display: none; }
    @media only screen and (min-width: 720px) {
      #header .header-buttons .header-newsletter-signup {
        display: inline-block;
        position: relative;
        padding: 6px;
        float: right;
        margin-right: 13px;
        background: #006b91; }
        #header .header-buttons .header-newsletter-signup:hover {
          background: #0090c4; }
        #header .header-buttons .header-newsletter-signup input[type=submit] {
          padding: 7px 8px;
          background: transparent;
          border: 0 none;
          color: #fff; } }
    @media only screen and (min-width: 720px) {
      #header .header-buttons .header-newsletter-signup input[type=email] {
        width: 160px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding-left: 5px;
        border: 1px solid #e2dedb;
        height: 24px; } }
    @media only screen and (min-width: 950px) {
      #header .header-buttons .header-newsletter-signup input[type=email] {
        width: 230px; } }
    #header .header-buttons .header-newsletter-signup .newsletter_policy {
      display: none;
      float: right;
      color: #fff; }
      #header .header-buttons .header-newsletter-signup .newsletter_policy a {
        color: #fff;
        padding: 0;
        font-size: 1.1rem;
        font-size: 11px;
        text-decoration: underline; }
        #header .header-buttons .header-newsletter-signup .newsletter_policy a:hover {
          color: #fff; }
  @media only screen and (min-width: 720px) {
    #header .header-buttons {
      display: block;
      min-width: 75%;
      position: absolute;
      right: 0px;
      top: 0px;
      float: right;
      font-size: 12px;
      font-size: 1.2rem; } }
  #header .header-buttons #account-login {
    margin-right: 10px; }
  #header .header-buttons a {
    display: none; }
    @media only screen and (min-width: 720px) {
      #header .header-buttons a {
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        padding: 11px 13px; } }
  #header .header-buttons .donate-button {
    float: right;
    background: #cc1a16;
    color: #fff;
    margin-right: 0; }
    #header .header-buttons .donate-button:hover {
      background: #e01c18;
      -moz-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      -webkit-transition: all 0.1s ease-in-out;
      -ms-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out; }
  #header .header-buttons .login-button {
    float: right;
    margin-right: 12px;
    background: #5e564b;
    color: #fff;
    cursor: pointer;
    min-width: 40px;
    min-height: 12px; }
    #header .header-buttons .login-button.logged-in {
      text-transform: none !important;
      background: #5e564b;
      width: auto; }
    #header .header-buttons .login-button:hover {
      background: #9b958f;
      -moz-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      -webkit-transition: all 0.1s ease-in-out;
      -ms-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out; }
    #header .header-buttons .login-button .label {
      display: inline;
      font-weight: normal; }
    #header .header-buttons .login-button .logged-in-arrow {
      padding: 0px 0px 0px 5px;
      border: none;
      max-width: 13%;
      vertical-align: middle;
      display: none; }
    #header .header-buttons .login-button.logged-in .logged-in-arrow {
      display: inline; }
  #header .header-buttons .sso-login {
    display: none; }
    #header .header-buttons .sso-login .login-form {
      display: block;
      background: #e5e1da;
      padding: 15px 5px;
      width: auto;
      position: absolute;
      z-index: 2001;
      top: 50px;
      height: 308px; }
      @media only screen and (min-width: 720px) {
        #header .header-buttons .sso-login .login-form {
          width: 250px;
          border: 2px solid #7d7872;
          top: 34px;
          right: 88px;
          height: auto; } }
      #header .header-buttons .sso-login .login-form form {
        width: 90%;
        margin: 0 auto; }
      #header .header-buttons .sso-login .login-form input {
        display: block; }
      #header .header-buttons .sso-login .login-form label {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: normal; }
      #header .header-buttons .sso-login .login-form #username, #header .header-buttons .sso-login .login-form #pin {
        font-size: 21px;
        font-size: 2.1rem;
        padding: 6px;
        margin: 3px 0 10px;
        width: 96%; }
        @media only screen and (min-width: 720px) {
          #header .header-buttons .sso-login .login-form #username, #header .header-buttons .sso-login .login-form #pin {
            width: 94%; } }
      #header .header-buttons .sso-login .login-form #form-item-remember-me label {
        font-size: 14px;
        font-size: 1.4rem; }
        @media only screen and (min-width: 720px) {
          #header .header-buttons .sso-login .login-form #form-item-remember-me label {
            font-size: 12px;
            font-size: 1.2rem; } }
      #header .header-buttons .sso-login .login-form #remember_me {
        display: inline;
        margin: 0px 1px 5px 0px; }
      #header .header-buttons .sso-login .login-form #login-form-submit {
        background: #0090c4;
        border: none;
        color: white;
        float: right;
        font-size: 18px;
        font-size: 1.8rem;
        letter-spacing: .025em;
        padding: 6px;
        text-transform: uppercase;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out; }
        #header .header-buttons .sso-login .login-form #login-form-submit:hover {
          background: #02a8e0; }
      #header .header-buttons .sso-login .login-form #login-form-help a {
        font-size: 14px;
        font-size: 1.4rem;
        display: block;
        width: 125px;
        float: none;
        text-transform: none;
        padding: 10px 0px 2px 0px; }
        @media only screen and (min-width: 720px) {
          #header .header-buttons .sso-login .login-form #login-form-help a {
            font-size: 12px;
            font-size: 1.2rem;
            padding: 3px 0px 2px 0px;
            width: 105px; } }
        #header .header-buttons .sso-login .login-form #login-form-help a:hover {
          text-decoration: underline; }
    #header .header-buttons .sso-login .logged-in-menu {
      display: none;
      width: 167px;
      border: 2px solid #5e564b;
      background-color: #e5e1da;
      position: absolute;
      top: 22px;
      list-style-type: none;
      right: 88px;
      z-index: 2001;
      padding: 15px 10px; }
      #header .header-buttons .sso-login .logged-in-menu li a {
        margin: 0px 0px 10px 0px;
        padding: 0px;
        color: #000000;
        font-size: 14px;
        font-size: 1.4rem;
        float: none;
        text-transform: none; }
      #header .header-buttons .sso-login .logged-in-menu li a:hover {
        text-decoration: underline; }
    #header .header-buttons .sso-login.logged-in .login-form {
      display: none; }
    #header .header-buttons .sso-login.logged-in .logged-in-menu {
      display: block; }
    #header .header-buttons .sso-login.visible {
      display: block; }

#header2 {
  position: static; }
  #header2 #site-id {
    display: none; }
  #header2 .collapsed-buttons {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 50; }
    @media only screen and (min-width: 720px) {
      #header2 .collapsed-buttons {
        display: none; } }
    #header2 .collapsed-buttons .button {
      cursor: pointer;
      float: left;
      color: #fff;
      font-size: 30px;
      padding: 10px; }
      #header2 .collapsed-buttons .button.open {
        background: #fff;
        color: #222; }

#header3 {
  width: 100%;
  position: absolute;
  top: 50px; }
  @media only screen and (min-width: 720px) {
    #header3 {
      top: 135px; } }
  #header3 .nav-wrapper {
    display: none;
    box-shadow: 0 4px 5px 1px #aaa;
    background-color: white;
    z-index: 20;
    float: left; }
    #header3 .nav-wrapper.open-navigation {
      display: block;
      height: auto; }
    @media only screen and (min-width: 720px) {
      #header3 .nav-wrapper {
        box-shadow: none;
        display: block;
        width: 100%;
        background: #2a2929;
        top: 19px;
        position: relative; } }
    @media only screen and (min-width: 950px) {
      #header3 .nav-wrapper {
        min-height: 38px;
        min-height: 3.8rem; } }
    #header3 .nav-wrapper #primary-links {
      height: auto;
      width: 100%;
      margin: 0;
      padding: 0; }
      #header3 .nav-wrapper #primary-links li.first {
        display: none; }
      @media only screen and (min-width: 720px) {
        #header3 .nav-wrapper #primary-links {
          margin: 0 auto; } }
      @media only screen and (min-width: 950px) {
        #header3 .nav-wrapper #primary-links {
          width: 960px; } }
  #header3 .breadcrumb {
    display: none;
    position: relative;
    margin: 0 auto;
    padding-bottom: .1em;
    border-bottom: 1px solid #E8E4E1; }
    #header3 .breadcrumb a {
      text-decoration: none; }
      #header3 .breadcrumb a:hover {
        text-decoration: underline; }
    @media only screen and (min-width: 720px) {
      #header3 .breadcrumb {
        display: block;
        top: 23px;
        width: 700px; } }
    @media only screen and (min-width: 950px) {
      #header3 .breadcrumb {
        width: 940px; } }
    @media only screen and (min-width: 1270px) {
      #header3 .breadcrumb {
        width: 1180px; } }

@media only screen and (min-width: 720px) {
  #search-top div.searchOptions, #search-top div.searchOptions a.moreSearch {
    font-size: 0.95em;
    letter-spacing: 0.025em; } }

#header #search label[for="submit-search"],
#header #search label[for="search-text"],
#header #search label[for="search-field"],
label[for="inspiration-filter"],
label[for="classes-borough"],
label[for="contact-type"],
label[for="newsletter-email"] {
  display: none; }

#primary-links {
  height: 32px;
  line-height: 35px;
  z-index: 201; }
  @media only screen and (min-width: 720px) {
    #primary-links .login-button {
      display: none; } }
  @media only screen and (min-width: 720px) {
    #primary-links #mobile-login-element {
      display: none; } }
  #primary-links #mobile-login-element .label {
    font-weight: normal; }
  #primary-links ul {
    margin: 0 0 0 0;
    list-style: none outside none;
    padding-left: 0; }
    #primary-links ul > li {
      float: left;
      margin: 0 5px;
      z-index: 201;
      /* the following styles are for the first/last rollovers */ }
      #primary-links ul > li > a {
        color: #FFFFFF;
        display: block;
        font-size: 11px;
        font-size: 1.167em;
        letter-spacing: 0.01em;
        padding: 1px 10px;
        text-decoration: none; }
      #primary-links ul > li.first, #primary-links ul > li.last {
        line-height: 34px; }
        #primary-links ul > li.first > a, #primary-links ul > li.last > a {
          padding-top: 2px;
          padding-bottom: 0px; }
          #primary-links ul > li.first > a.active, #primary-links ul > li.first > a.active:hover, #primary-links ul > li.first > a.active:active, #primary-links ul > li.first > a.active:focus, #primary-links ul > li.last > a.active, #primary-links ul > li.last > a.active:hover, #primary-links ul > li.last > a.active:active, #primary-links ul > li.last > a.active:focus {
            padding-top: 2px;
            background: none repeat scroll 0 0 #E3332C;
            /* border-top: medium none; */
            color: #fff; }
        #primary-links ul > li.first:hover, #primary-links ul > li.last:hover {
          line-height: 34px;
          padding-top: none 0; }
      #primary-links ul > li.first {
        margin-left: 1px; }
      #primary-links ul > li.last {
        margin-right: 1px; }
  #primary-links > ul {
    display: block;
    float: left; }
    @media only screen and (min-width: 720px) {
      #primary-links > ul {
        margin-left: 5%; } }
    #primary-links > ul > li {
      float: left;
      height: 100%;
      width: 97%; }
      @media only screen and (min-width: 720px) {
        #primary-links > ul > li {
          width: 22%;
          /* width: auto; */
          margin-top: 1px; }
          #primary-links > ul > li:hover {
            background: #fff;
            /* border-top: none; */ } }
      @media only screen and (min-width: 950px) {
        #primary-links > ul > li {
          width: auto; } }
      #primary-links > ul > li > a {
        color: #000;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 400;
        text-decoration: none;
        float: left;
        width: 95%; }
        @media only screen and (min-width: 720px) {
          #primary-links > ul > li > a {
            color: #fff;
            text-align: center;
            /* width: auto; */
            width: 100%; }
            #primary-links > ul > li > a:hover, #primary-links > ul > li > a:active, #primary-links > ul > li > a:focus {
              background: none repeat scroll 0 0 #FFFFFF;
              /* border-top: none; */
              color: #36322D; } }
        @media only screen and (min-width: 950px) {
          #primary-links > ul > li > a {
            width: auto; }
            #primary-links > ul > li > a:hover, #primary-links > ul > li > a:active, #primary-links > ul > li > a:focus {
              background: none repeat scroll 0 0 #FFFFFF;
              /* border-top: 1px solid #71695E; */
              color: #36322D; } }
      #primary-links > ul > li.openDropDown > a,
      #primary-links > ul > li.openDropDown > a:hover,
      #primary-links > ul > li.openDropDown > a:active,
      #primary-links > ul > li.openDropDown > a:focus {
        /* border-top: none; */ }
      @media only screen and (min-width: 950px) {
        #primary-links > ul > li.openDropDown {
          display: block; }
          #primary-links > ul > li.openDropDown > a,
          #primary-links > ul > li.openDropDown > a:hover,
          #primary-links > ul > li.openDropDown > a:active,
          #primary-links > ul > li.openDropDown > a:focus {
            background: none repeat scroll 0 0 #FFFFFF;
            /*border-top: medium none; */
            /* Added to fix google translate */
            color: #36322D; } }
  #primary-links .dropDown {
    /* assigned to any #primary-links li that contains a dropdown menu (not "Home" or "Help") */ }
    #primary-links .dropDown.active > a.active,
    #primary-links .dropDown.active > a.active:hover,
    #primary-links .dropDown.active > a.active:active,
    #primary-links .dropDown.active > a.active:focus {
      background: none repeat scroll 0 0 #E3332C !important;
      /* border-top: medium none; */
      /* Added to fix google translate */
      color: #ffffff; }
    @media only screen and (min-width: 950px) {
      #primary-links .dropDown {
        position: relative;
        z-index: 101;
        /* has to be >100 to work on front pg */ } }
  #primary-links .dropDownContent {
    display: none; }
    @media only screen and (min-width: 950px) {
      #primary-links .dropDownContent {
        display: none;
        background: none repeat scroll 0 0 transparent !important;
        border: medium none;
        left: 0;
        margin-left: -1px;
        padding: 0;
        position: absolute;
        top: 37px;
        width: 925px; }
        #primary-links .dropDownContent h5 {
          color: #E3332C;
          font-size: 1em;
          /* 0.9167em; previous declaration*/
          font-weight: 700;
          letter-spacing: 0.01em;
          line-height: 1.5em;
          margin: 0 5px;
          text-transform: uppercase; }
        #primary-links .dropDownContent > ul,
        #primary-links .dropDownContent.oneLevel > ul {
          background: #FFFFFF;
          border: 1px solid #71695E;
          border-top: medium none;
          float: left;
          padding-left: 7px; }
        #primary-links .dropDownContent.oneLevel > ul {
          min-width: 160px;
          /* prevents dropDown from being narrower than the primary nav element */
          padding: 5px 0; }
        #primary-links .dropDownContent > ul > li {
          margin: 10px 10px 0 5px; }
        #primary-links .dropDownContent > ul > li > ul > li,
        #primary-links .dropDownContent.oneLevel > ul > li {
          border-bottom: 1px solid #CBC8C1;
          float: none;
          margin: 0; }
        #primary-links .dropDownContent > ul > li > ul > li.last,
        #primary-links .dropDownContent.oneLevel > ul > li.last {
          border-bottom: 1px solid #ffffff;
          /* prevents "jump" effect on rollover */ }
        #primary-links .dropDownContent > ul > li > a,
        #primary-links .dropDownContent > ul > li > ul > li > a,
        #primary-links .dropDownContent.oneLevel > ul > li,
        #primary-links .dropDownContent.oneLevel > ul > li > a {
          background: inherit;
          color: #000000;
          font-size: 14px;
          margin: 0 5px;
          padding: 0; }
        #primary-links .dropDownContent > ul > li > ul > li:hover,
        #primary-links .dropDownContent > ul > li > ul > li:active,
        #primary-links .dropDownContent > ul > li > ul > li:focus,
        #primary-links .dropDownContent.oneLevel > ul > li:hover,
        #primary-links .dropDownContent.oneLevel > ul > li:active,
        #primary-links .dropDownContent.oneLevel > ul > li:focus {
          background: #E3332C; }
        #primary-links .dropDownContent > ul > li > ul > li > a:hover,
        #primary-links .dropDownContent > ul > li > ul > li > a:active,
        #primary-links .dropDownContent > ul > li > ul > li > a:focus,
        #primary-links .dropDownContent.oneLevel > ul > li > a:hover,
        #primary-links .dropDownContent.oneLevel > ul > li > a:active,
        #primary-links .dropDownContent.oneLevel > ul > li > a:focus {
          color: #ffffff; } }

@media only screen and (min-width: 950px) {
  #primary-links .openDropDown {
    display: block; } }

.login-tab {
  background: #e5e1da;
  margin-left: -11px;
  padding: 11px; }

#skip ul {
  list-style: none;
  padding: 0;
  margin: 0; }

#skip a {
  background-color: #FFFFFF;
  color: #1B7FA7;
  display: block;
  font-size: 13px;
  font-weight: 400;
  height: 1px;
  left: -10000px;
  line-height: 22px;
  margin: 5px;
  overflow: hidden;
  padding: 5px 10px;
  position: absolute;
  text-transform: uppercase;
  top: auto;
  width: 1px;
  z-index: 1000; }
  #skip a:focus, #skip a:active {
    box-shadow: 1px 1px 2px 2px #082530;
    height: auto;
    left: auto;
    outline: 0;
    overflow: visible;
    top: 10px;
    width: auto; }
    @media screen and (min-width: 769px) {
      #skip a:focus, #skip a:active {
        top: auto; } }

#search-top {
  display: none;
  background: white;
  position: absolute;
  top: 50px;
  z-index: 1000;
  width: 100%;
  height: 105px;
  box-shadow: 0 4px 5px 1px #aaa;
  padding: 7px 0 0 0;
  margin: 0; }
  #search-top .open {
    background-image: none;
    background-color: inherit; }
  #search-top.open {
    display: block; }
  @media only screen and (min-width: 720px) {
    #search-top {
      top: 70px;
      right: 0px;
      display: block;
      width: 346px;
      height: auto;
      box-shadow: none;
      font-size: 16px;
      padding: 0; } }
  #search-top form {
    width: 100%; }
    @media only screen and (min-width: 720px) {
      #search-top form {
        background-color: #e8e4e1;
        position: relative;
        width: 346px;
        height: 33px;
        padding: 0; } }
  #search-top #search-block-form-input {
    font-size: 16px;
    position: absolute;
    left: 3px;
    top: 3px;
    width: 90%;
    margin: 0px 5%;
    height: 20px;
    color: #534D45;
    padding: 5px;
    z-index: 2000;
    border: 1px solid #B4AEA9; }
    #search-top #search-block-form-input.error {
      border-color: red; }
    @media only screen and (min-width: 720px) {
      #search-top #search-block-form-input {
        font-size: 1em;
        margin: 0;
        padding: 3px 5px;
        width: 300px; } }
  #search-top .search_button {
    display: none; }
    @media only screen and (min-width: 720px) {
      #search-top .search_button {
        display: block;
        background-color: #5e564b;
        border: none;
        line-height: 25px;
        text-align: center;
        height: 25px;
        width: 25px;
        position: absolute;
        top: 4px;
        right: 3px;
        color: white;
        font-size: 16px;
        cursor: pointer;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out; }
        #search-top .search_button:hover {
          background-color: #9b958f; } }
  #search-top .pseudo-select {
    margin: 0 5%;
    padding: 5px;
    position: absolute;
    top: 45px;
    z-index: 2100;
    width: 90%;
    border: none;
    background-color: white; }
    @media only screen and (min-width: 720px) {
      #search-top .pseudo-select {
        left: -9999px;
        top: 30px;
        height: 0px;
        width: 300px;
        margin: 0;
        border: 1px solid #e0e0e0;
        -moz-transition: height 0.1s ease-in-out;
        -o-transition: height 0.1s ease-in-out;
        -webkit-transition: height 0.1s ease-in-out;
        -ms-transition: height 0.1s ease-in-out;
        transition: height 0.1s ease-in-out; }
        #search-top .pseudo-select.open {
          display: block;
          left: 3px;
          height: 61px; } }
    #search-top .pseudo-select ul {
      list-style-type: none;
      padding: 0;
      margin: 0; }
    #search-top .pseudo-select li {
      cursor: pointer;
      width: 35%;
      height: 25px;
      line-height: 25px;
      padding: 8px;
      text-align: center;
      color: white;
      font-size: 18px;
      display: block; }
      @media only screen and (min-width: 720px) {
        #search-top .pseudo-select li {
          padding: 0;
          color: black;
          font-size: inherit;
          width: 100%;
          text-align: left; } }
      #search-top .pseudo-select li input {
        display: none; }
        @media only screen and (min-width: 720px) {
          #search-top .pseudo-select li input {
            display: inline; } }
    #search-top .pseudo-select .search-the-catalog {
      float: left;
      background: #015d90;
      text-transform: capitalize;
      margin-bottom: 0px; }
      @media only screen and (min-width: 720px) {
        #search-top .pseudo-select .search-the-catalog {
          margin-bottom: 5px; } }
    #search-top .pseudo-select .search-the-website {
      float: right;
      background: #10a2cf;
      padding-top: 8px; }
      @media only screen and (min-width: 720px) {
        #search-top .pseudo-select .search-the-website {
          border-top: 1px solid #e0e0e0;
          padding-top: 5px; } }
    @media only screen and (min-width: 720px) {
      #search-top .pseudo-select .search-the-catalog, #search-top .pseudo-select .search-the-website {
        float: none;
        background: white; } }
    #search-top .pseudo-select .search-the-catalog label, #search-top .pseudo-select .search-the-website label {
      font-weight: normal; }
  #search-top .searchLinks {
    display: none; }
    @media only screen and (min-width: 720px) {
      #search-top .searchLinks {
        display: block;
        font-size: 14px;
        padding-top: 5px;
        position: absolute;
        right: 0px; }
        #search-top .searchLinks a {
          color: #5e564b;
          margin-left: 20px;
          text-decoration: none; }
          #search-top .searchLinks a:hover {
            text-decoration: underline; } }

.block-addthis {
  margin: .5em 0;
  display: none;
  /* this was supposed to fix FB LIKE BUTTON +0 WEIRDNESS, but it won't override the iframe. leaving code here just in case... jA
#facebook td.connect_widget_button_count_including.hidden_elem { 
    display: table-column;
}
*/ }
  @media only screen and (min-width: 950px) {
    .block-addthis {
      display: block; } }
  .block-addthis .addthis_toolbox {
    padding: 5px 5px 0; }
  .block-addthis .addthis_item {
    position: relative;
    margin: 0 0 1em 0;
    text-transform: uppercase;
    font-size: .7em;
    color: #5E564B;
    height: 16px;
    float: left;
    width: 6.5em; }
  .block-addthis .addthis_item_facebook_like {
    width: 9.5em;
    margin-top: -1px; }
  .block-addthis .addthis_item_facebook {
    width: 9.5em; }
  .block-addthis .addthis_item_tweet {
    width: 11em;
    margin-top: -1px; }
  .block-addthis .addthis_item_facebook {
    /* width: 10em; */ }
  .block-addthis .addthis_item_email {
    /* width: 6.5em; */ }
  .block-addthis .addthis_item_print {
    /* width: 6.5em; */ }
  .block-addthis .addthis_item a:link,
  .block-addthis .addthis_item a:visited {
    color: #5E564B; }
  .block-addthis .addthis_item a:hover,
  .block-addthis .addthis_item a:active {
    color: #B4AEA9; }
  .block-addthis .addthis_item:last-child,
  .block-addthis .addthis_item_last {
    margin: 0; }
  .block-addthis .addthis_item span {
    float: left;
    margin-right: .5em; }
  .block-addthis .addthis_item a {
    text-decoration: none; }
  .block-addthis h2 {
    display: none; }

/* VIEWS */
.item-list {
  list-style: none;
  padding: 0;
  margin: 0; }

.item-list li {
  margin: 0 0 1.3em 0;
  padding: 0; }

.item-list li.views-row-last {
  margin: 0; }

td.views-field.event-title,
td.views-field-title {
  width: 45%; }

.view-filters {
  padding: .5em;
  background: #e8e4e1;
  border: 1px solid #cbc8c1;
  margin-bottom: 1.5em; }

table.views-table {
  width: 100%; }

.views-exposed-form .views-exposed-widgets {
  margin: 0;
  float: none;
  padding: 0 1em .5em 0;
  clear: both; }
  .views-exposed-form .views-exposed-widgets .views-exposed-widget {
    width: 100%; }
  .views-exposed-form .views-exposed-widgets input,
  .views-exposed-form .views-exposed-widgets select {
    max-width: 100%;
    /* Responsive fallback */
    margin: 0; }
  .views-exposed-form .views-exposed-widgets label,
  .views-exposed-form .views-exposed-widgets .views-operator {
    display: inline;
    padding: 0 .5em 0 0; }
  .views-exposed-form .views-exposed-widgets label {
    color: #71695E;
    font-size: 0.9em;
    font-weight: normal; }
  .views-exposed-form .views-exposed-widgets .form-submit {
    margin-top: 0; }

.views-exposed-form .submit {
  display: block;
  clear: both;
  float: none; }

.views-empty {
  padding: 1em;
  background: #e2dedb;
  border: 1px solid #c5c2bb; }
  .views-empty p {
    margin: 0; }

/** Narrow Your Search: Programs & Classes **/
#calendar-filter {
  position: relative;
  border: 1px solid #CCC;
  padding: 10px 7px 20px 7px;
  background: #E8E4E1;
  margin: 1em 0; }
  #calendar-filter .view-filters-special {
    border: none;
    padding: 0; }
    #calendar-filter .view-filters-special .target-audience label[for],
    #calendar-filter .view-filters-special .boro-select label[for] {
      margin-top: 4px; }
    #calendar-filter .view-filters-special .form-item {
      margin: 1em 0; }
      #calendar-filter .view-filters-special .form-item label {
        color: #333;
        font-size: 1em;
        margin: 10px 0px 0px 0px;
        text-transform: uppercase; }
      #calendar-filter .view-filters-special .form-item select {
        height: 35px;
        border: 2px solid #665C52; }
      #calendar-filter .view-filters-special .form-item input.form-checkbox {
        margin: .5em; }
      #calendar-filter .view-filters-special .form-item .date-picker {
        float: left;
        margin: 0 1em 0 0; }
        #calendar-filter .view-filters-special .form-item .date-picker input {
          margin: 0;
          height: 29px;
          border: 2px solid #665C52;
          border-radius: 3px;
          padding: 1px 10px 0; }
        #calendar-filter .view-filters-special .form-item .date-picker img {
          position: relative;
          top: 2px;
          margin-left: 3px; }
          #calendar-filter .view-filters-special .form-item .date-picker img:hover {
            cursor: pointer; }
          #calendar-filter .view-filters-special .form-item .date-picker img:focus {
            box-shadow: 1px 1px 1px 1px #082530;
            outline-color: #0f465c;
            outline-style: solid;
            outline-width: 0.25em; }
        #calendar-filter .view-filters-special .form-item .date-picker span.date-format {
          display: block;
          width: 95px;
          padding-top: 5px; }
        #calendar-filter .view-filters-special .form-item .date-picker span.range {
          font-size: 90%;
          text-transform: uppercase; }
    #calendar-filter .view-filters-special .form-item-date .date-format {
      display: block;
      font-size: 75%;
      line-height: 0.9em;
      margin: 0;
      text-align: center; }
    #calendar-filter .view-filters-special .form-item-date #edit-date-op {
      border: 2px solid #665C52;
      background: #fff;
      outline: none;
      width: 125px;
      height: 35px;
      margin-bottom: 1em; }
    #calendar-filter .view-filters-special .calendar-search #keyword {
      height: 35px;
      border: 2px solid #665C52;
      outline: none;
      width: 198px;
      border-radius: 3px;
      font-size: 16px;
      font-style: italic;
      color: #665C52;
      padding: 1px 10px 0; }
    #calendar-filter .view-filters-special .collapsible .trigger {
      font-size: 1.1em;
      padding: 1em; }
    #calendar-filter .view-filters-special .collapsible div {
      /* this is the container w/ form item pull downs */
      background: #CBC8C1; }

.view-filters-special .form-item-date label {
  width: auto;
  float: left;
  margin: 0 1em 0 0; }

.view-filters-special .form-item-date select#edit-date-op {
  float: left;
  margin: 0 1em 0 0; }

.view-filters-special .form-item-date div.date-picker {
  float: left;
  margin: 0 1em 0 0; }
  .view-filters-special .form-item-date div.date-picker span.range {
    font-size: 90%;
    text-transform: uppercase; }

.view-filters-special .form-item-date .date-format {
  display: block;
  font-size: 75%;
  line-height: 0.9em;
  margin: 0;
  text-align: center; }

.view-filters-special input.submit {
  margin: .5em 0 0 .5em; }

.view-filters-special .form-item {
  margin: 0 0 .5em 0; }
  .view-filters-special .form-item label {
    color: #71695E;
    float: left;
    font-size: 0.9em;
    font-weight: normal;
    padding: 0 0.8em 0 0; }

.research-guide-heading {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: normal; }

/* Views with thumbnail images (exhibitions, online projects, research guides, event spaces) */
.view-online-projects .item-list li,
.view-events-exhibitions ul.item-list li,
.view-event-spaces-by-location .views-row,
.view-research-guides .views-row,
.blog-channel-list .blog-channel {
  position: relative;
  padding: 0 0 1em 0;
  margin: 0; }

.view-online-projects .item-list li h3,
.view-events-exhibitions ul.item-list li h3,
.view-event-spaces-by-location .views-row h3,
.view-research-guides .views-row h3,
.blog-channel-list .blog-channel h3 {
  margin: 0 0 0 0; }

.view-online-projects .item-list li img,
.view-events-exhibitions ul.item-list li img,
.view-event-spaces-by-location .views-row img,
.view-research-guides .views-row img,
.blog-channel-list .blog-channel img {
  float: left;
  margin-top: .3em;
  border: 1px solid #36322D;
  background: #36322d; }

.view-events-exhibitions ul.item-list li .views-item,
.view-research-guides .views-row .views-item,
.blog-channel-list .blog-channel .blog-channel-info {
  padding: 0 0 0 115px;
  position: relative; }

.view-event-spaces-by-location .views-row .views-item {
  padding: 0;
  position: relative;
  margin-left: 115px; }

/* Ebook Section and Online Projects */
.view-online-projects .item-list .views-row-first {
  padding-top: .5em; }

.view-online-projects .item-list li .views-item {
  padding: 0;
  position: relative;
  margin-left: 115px; }
  .view-online-projects .item-list li .views-item h2 {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: normal;
    margin: 0 0 .15em 0;
    padding: .25em 0 0 0; }
  .view-online-projects .item-list li .views-item p {
    margin: 0; }

.view-online-projects .item-list li .no-image,
.view-events-exhibitions ul.item-list li .no-image,
.view-event-spaces-by-location .views-row .no-image,
.view-research-guides .views-row .no-image,
.blog-channel-list .blog-channel .no-image {
  padding: 0 0 0 0;
  position: relative; }

/* PAGINATION (site search results, "Find Archival Materials") */
.pager {
  text-align: center;
  margin: 2em 0;
  /* spans are on "Browse Databases" pager */ }
  .pager span {
    color: #36322D;
    font-weight: bold;
    margin: 0 1em; }
    .pager span a:link, .pager span a:visited {
      border: 1px solid #CBC8C1;
      color: #71695E;
      font-weight: normal;
      padding: 1px 4px;
      text-decoration: none;
      text-transform: uppercase; }
    .pager span a:hover, .pager span a:active {
      border: 1px solid #bac446;
      color: #bac446; }
    .pager span a:focus {
      box-shadow: 1px 1px 1px 1px #082530;
      outline-color: #0f465c;
      outline-style: solid;
      outline-width: 0.25em; }

#main-content-body .pager {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;
  font-size: .8em; }

ul.pager {
  margin: 3em 0; }
  ul.pager li a:link, ul.pager li a:visited {
    border: 1px solid #cbc8c1;
    color: #71695E;
    padding: 1px 4px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif; }
  ul.pager li a:hover, ul.pager li a:active {
    border: 1px solid #bac446;
    color: #bac446; }
  ul.pager li a:focus {
    box-shadow: 1px 1px 1px 1px #082530;
    outline-color: #0f465c;
    outline-style: solid;
    outline-width: 0.25em; }

.item-list ul.pager li {
  margin: 0 3px;
  padding: 0; }

#main-content-inner ul.pager li.pager-current {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif; }

/* View all link - not really part of Views module, but similar to pager so it's here.
   Move it somewhere else if that makes sense */
.view-all {
  text-align: center;
  margin: -2em 0 2em 0;
  font-size: .8em; }

.page-node-type-search .view-all {
  float: right;
  font-size: 1em;
  margin-top: -6.5em; }

/* AV SERIES */
.view-av-series {
  position: relative;
  width: 100%; }
  .view-av-series .av-item {
    width: 24.9%;
    float: left;
    margin: 0;
    padding: 0; }
    .view-av-series .av-item .item-content {
      padding: 0 2em 2em 0;
      margin: 0; }
      .view-av-series .av-item .item-content p {
        margin: 0; }
        .view-av-series .av-item .item-content p a {
          font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Verdana,sans-serif;
          font-size: 1em;
          letter-spacing: 0.1px;
          line-height: 1.1em;
          text-decoration: none; }
    .view-av-series .av-item .av-thumb {
      height: 60px;
      width: 100px;
      margin: 0 0 .5em 0;
      padding: 0;
      overflow: hidden;
      border: 1px solid #36322D; }

/* LOCATIONS CALENDAR */
table.locations-calendar-block {
  font-size: .9em; }

#minimal-calendar table {
  width: 100%; }

#nypl-calendar table {
  font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Verdana,sans-serif; }
  #nypl-calendar table thead th {
    background: #71695E;
    color: #fff;
    font-size: 90%;
    text-transform: uppercase;
    font-weight: normal;
    padding: .3em; }
  #nypl-calendar table tbody th {
    background: #E8E4E1;
    color: #36322D;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;
    font-size: 90%;
    padding: 0.2em 0.3em;
    text-transform: uppercase; }
  #nypl-calendar table td,
  #nypl-calendar table th {
    padding: .3em 1em .3em .3em; }
  #nypl-calendar table tr.col-2 .views-field-title,
  #nypl-calendar table tr.col-2 .event-title {
    width: 90%; }
  #nypl-calendar table tr.col-4 .views-field-title,
  #nypl-calendar table tr.col-4 .event-title {
    width: 50%; }
  #nypl-calendar table .views-field-field_date_time_value,
  #nypl-calendar table .event-time {
    white-space: nowrap; }
  #nypl-calendar table .views-field-title,
  #nypl-calendar table .event-title {
    width: 75%; }
    #nypl-calendar table .views-field-title a,
    #nypl-calendar table .event-title a {
      font-weight: bold; }
  #nypl-calendar table .views-field-field_audience_taxonomy_value,
  #nypl-calendar table .event-audience {
    font-size: 80%;
    line-height: 1em;
    padding: 0.7em 0.3em 0.3em 0.3em; }

.exhibition-view-details {
  font-weight: bold; }

/* Smallbiz Services Browse Listing */
.view-smallbiz-service-directory .view-content .views-row .views-field-title {
  margin: 1em 0 .1em 0;
  font-size: 16px;
  font-size: 1.6rem; }

.view-smallbiz-service-directory .view-content .views-row .views-field-body {
  margin: .25em 0 0 0; }

/* Alphabetical Pager */
.alpha-pager,
.alpha-pager-index,
.alphafilter {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;
  font-size: .9em;
  color: #908B85;
  margin: 1em 0; }
  .alpha-pager a:link, .alpha-pager a:visited,
  .alpha-pager-index a:link,
  .alpha-pager-index a:visited,
  .alphafilter a:link,
  .alphafilter a:visited {
    color: #36322D;
    padding: 1px 3px; }
  .alpha-pager a:hover, .alpha-pager a:active,
  .alpha-pager-index a:hover,
  .alpha-pager-index a:active,
  .alphafilter a:hover,
  .alphafilter a:active {
    background-color: #E8E4E1; }

.alpha-pager,
.alphafilter {
  text-align: center; }
  .alpha-pager .selected,
  .alphafilter .selected {
    font-weight: bold;
    color: #36322D;
    background: #F2F2B7; }

.alpha-pager-index {
  text-align: left; }

.alphafilter .inactive {
  color: #cccccc; }

/* SEARCH RESULTS */
#search-form {
  background: #E8E4E1 none repeat scroll 0 0;
  border: 1px solid #CBC8C1;
  margin: 1em 0;
  padding: 0 0.5em; }
  #search-form svg {
    vertical-align: middle;
    fill: #FFF; }

#betasearch-link {
  display: block;
  padding: 0.5em;
  font-size: 1.0em;
  color: #333;
  text-align: left;
  text-transform: uppercase; }
  #betasearch-link a {
    text-decoration: none; }
  #betasearch-link a:hover {
    color: #333;
    text-decoration: underline; }
  #betasearch-link svg {
    fill: #333; }

.spelling-suggestions dd {
  margin: 0; }

.page-search-nypl-digitalgallery,
.page-search-apachesolr-search {
  /* TABS */ }
  .page-search-nypl-digitalgallery .block-facetapi h3,
  .page-search-apachesolr-search .block-facetapi h3 {
    color: #0071A1;
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase; }
  .page-search-nypl-digitalgallery .block-facetapi .facetapi-facetapi-links li,
  .page-search-apachesolr-search .block-facetapi .facetapi-facetapi-links li {
    font-size: 1.3rem; }
  .page-search-nypl-digitalgallery .content h3,
  .page-search-apachesolr-search .content h3 {
    color: #D75B27;
    text-transform: uppercase; }
    @media only screen and (min-width: 950px) {
      .page-search-nypl-digitalgallery .content h3,
      .page-search-apachesolr-search .content h3 {
        padding: .75em 0 0; } }
  .page-search-nypl-digitalgallery #search-form,
  .page-search-apachesolr-search #search-form {
    margin: 0;
    padding: 0.5em; }
    .page-search-nypl-digitalgallery #search-form .form-item label,
    .page-search-apachesolr-search #search-form .form-item label {
      display: block;
      text-transform: uppercase;
      margin: .25em 0;
      text-indent: 2px; }
    .page-search-nypl-digitalgallery #search-form .form-item input[type="text"],
    .page-search-apachesolr-search #search-form .form-item input[type="text"] {
      font-size: 20px;
      font-size: 2rem;
      margin: 0.5em 0;
      padding: .15em;
      width: 50%; }
    .page-search-nypl-digitalgallery #search-form .form-submit,
    .page-search-apachesolr-search #search-form .form-submit {
      position: relative;
      padding: 8px;
      bottom: 2px;
      left: 2px;
      font-size: 0.9em;
      background-color: #00A2CE;
      border: medium none;
      color: #FFFFFF;
      text-transform: uppercase;
      letter-spacing: 0.03em;
      font-weight: bold;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -moz-transition: background-color 0.2s ease-out;
      -o-transition: background-color 0.2s ease-out;
      -webkit-transition: background-color 0.2s ease-out;
      -ms-transition: background-color 0.2s ease-out;
      transition: background-color 0.2s ease-out; }
      .page-search-nypl-digitalgallery #search-form .form-submit:hover,
      .page-search-apachesolr-search #search-form .form-submit:hover {
        background-color: #015F89; }
    .page-search-nypl-digitalgallery #search-form .form-item-retain-filters,
    .page-search-apachesolr-search #search-form .form-item-retain-filters {
      display: block; }
      .page-search-nypl-digitalgallery #search-form .form-item-retain-filters .form-checkbox, .page-search-nypl-digitalgallery #search-form .form-item-retain-filters input[type="checkbox"],
      .page-search-apachesolr-search #search-form .form-item-retain-filters .form-checkbox,
      .page-search-apachesolr-search #search-form .form-item-retain-filters input[type="checkbox"] {
        float: left;
        position: relative;
        top: 1px;
        left: 2px; }
      .page-search-nypl-digitalgallery #search-form .form-item-retain-filters label.option,
      .page-search-apachesolr-search #search-form .form-item-retain-filters label.option {
        font-size: 12px;
        font-size: 1.2rem;
        text-indent: 5px; }
  .page-search-nypl-digitalgallery .spelling-suggestions,
  .page-search-apachesolr-search .spelling-suggestions {
    background: #E8E4E1 none repeat scroll 0 0;
    border: 1px solid #CBC8C1;
    margin: 1em 0;
    padding: 0 0.5em; }
    .page-search-nypl-digitalgallery .spelling-suggestions dd,
    .page-search-apachesolr-search .spelling-suggestions dd {
      margin: 0; }
  .page-search-nypl-digitalgallery ul.tabs,
  .page-search-apachesolr-search ul.tabs {
    border-collapse: collapse;
    height: auto;
    line-height: normal;
    list-style: none;
    margin: 1em 0 0;
    padding: 0 0 .3em 0;
    white-space: nowrap;
    padding: 0; }
    @media only screen and (min-width: 720px) {
      .page-search-nypl-digitalgallery ul.tabs,
      .page-search-apachesolr-search ul.tabs {
        padding: 0 0 .3em 0; } }
    .page-search-nypl-digitalgallery ul.tabs li,
    .page-search-apachesolr-search ul.tabs li {
      display: block;
      line-height: 1.4em; }
      @media only screen and (min-width: 720px) {
        .page-search-nypl-digitalgallery ul.tabs li,
        .page-search-apachesolr-search ul.tabs li {
          display: inline; } }
      .page-search-nypl-digitalgallery ul.tabs li span.ext,
      .page-search-apachesolr-search ul.tabs li span.ext {
        display: none; }
      .page-search-nypl-digitalgallery ul.tabs li a,
      .page-search-apachesolr-search ul.tabs li a {
        background-color: #e8e4e1;
        border-color: #cbc8c1;
        border-style: solid;
        border-width: 1px;
        height: auto;
        padding: .25em 1em .5em 1em;
        text-decoration: none;
        color: #36322d;
        margin: 0;
        display: block; }
        @media only screen and (min-width: 720px) {
          .page-search-nypl-digitalgallery ul.tabs li a,
          .page-search-apachesolr-search ul.tabs li a {
            margin-right: 0.5em;
            display: inline; } }
      .page-search-nypl-digitalgallery ul.tabs li form,
      .page-search-apachesolr-search ul.tabs li form {
        display: inline; }
      .page-search-nypl-digitalgallery ul.tabs li.active a,
      .page-search-apachesolr-search ul.tabs li.active a {
        background-color: #FFFFFF;
        border-color: #CBC8C1 #CBC8C1 #FFFFFF;
        border-style: solid;
        border-width: 1px;
        color: #534d45;
        font-weight: bold; }
        @media only screen and (min-width: 720px) {
          .page-search-nypl-digitalgallery ul.tabs li.active a,
          .page-search-apachesolr-search ul.tabs li.active a {
            font-weight: normal; } }

ol.search-results dt,
dl.search-results dt {
  font-weight: bold;
  clear: both; }

ol.search-results dd,
dl.search-results dd {
  margin: .5em 1em 1em 1em;
  padding: 0; }

.apachesolr_search-results, .nypl_digitalgallery-results {
  padding: 1em;
  margin: 0;
  border: 1px solid #CBC8C1; }

/* DG SEARCH RESULTS */
.dg-search-results {
  position: relative; }

.dg-result {
  display: inline-table;
  width: 230px;
  margin: 0 1em 1em; }
  @media only screen and (min-width: 950px) {
    .dg-result {
      width: 275px; } }
  .dg-result .dg-thumbnail {
    text-align: center; }
  .dg-result p {
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem; }
    .dg-result p a {
      font-size: 14px;
      font-size: 1.4rem; }

/*** Collections landing page ***/
#catalog-search-box {
  clear: both;
  display: block; }
  #catalog-search-box ul {
    list-style: none;
    margin: 1em 0 0 0;
    padding: 0;
    font-size: .8em; }
  #catalog-search-box .tabbed-box {
    height: auto; }
    #catalog-search-box .tabbed-box .tabs li {
      list-style: none;
      display: block;
      padding: 0; }
      @media only screen and (min-width: 720px) {
        #catalog-search-box .tabbed-box .tabs li {
          display: inline-table; } }
      #catalog-search-box .tabbed-box .tabs li a {
        display: block;
        padding: 7px 10px;
        text-decoration: none;
        color: #908B85;
        border: 1px solid #CBC8C1;
        border-bottom: none; }
        @media only screen and (min-width: 720px) {
          #catalog-search-box .tabbed-box .tabs li a {
            text-align: center;
            border-right: none;
            border-top: none; } }
        #catalog-search-box .tabbed-box .tabs li a:hover {
          color: #36322D;
          text-decoration: underline; }
        #catalog-search-box .tabbed-box .tabs li a:focus {
          outline: none; }
        #catalog-search-box .tabbed-box .tabs li a.active {
          color: #36322D;
          font-size: 1.2em;
          font-weight: bold;
          text-transform: uppercase; }
      @media only screen and (min-width: 720px) {
        #catalog-search-box .tabbed-box .tabs li:first-child a {
          border-left: none; } }
    #catalog-search-box .tabbed-box .tabbed-content {
      clear: both;
      background: #E8E4E1;
      border: 1px solid #CBC8C1;
      padding: 2em 1em;
      box-shadow: 0px 6px 6px -3px #DFDFDF;
      margin: 0 0 1em 0;
      display: none; }
      #catalog-search-box .tabbed-box .tabbed-content form input[type="text"], #catalog-search-box .tabbed-box .tabbed-content form #catalog-search-form-input {
        font-size: 1.5em;
        width: 95%;
        margin-bottom: 10px; }
        @media only screen and (min-width: 720px) {
          #catalog-search-box .tabbed-box .tabbed-content form input[type="text"], #catalog-search-box .tabbed-box .tabbed-content form #catalog-search-form-input {
            width: 75%;
            margin-right: 10px;
            padding: 5px 0 5px 5px; } }
      #catalog-search-box .tabbed-box .tabbed-content form input[type="submit"] {
        background-color: #00A2CE;
        border: medium none;
        color: #FFFFFF;
        font-size: 1.3em;
        font-weight: bold;
        letter-spacing: .08em;
        padding: 9px 7px 8px;
        text-transform: uppercase;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-transition: background-color 0.2s ease-out;
        -o-transition: background-color 0.2s ease-out;
        -webkit-transition: background-color 0.2s ease-out;
        -ms-transition: background-color 0.2s ease-out;
        transition: background-color 0.2s ease-out;
        float: right; }
        @media only screen and (min-width: 720px) {
          #catalog-search-box .tabbed-box .tabbed-content form input[type="submit"] {
            float: none; } }
        #catalog-search-box .tabbed-box .tabbed-content form input[type="submit"]:hover {
          background-color: #015F89; }
      #catalog-search-box .tabbed-box .tabbed-content ul li {
        display: inline; }
        #catalog-search-box .tabbed-box .tabbed-content ul li:first-child {
          margin: 0px 10px 0px 0px; }

.featured-links h4 {
  margin: 0; }

.featured-links ul {
  margin: .5em 0; }
  .featured-links ul li {
    padding: 6px 0px 7px 0px !important; }
    .featured-links ul li a {
      font-size: 1.2em;
      display: block;
      background: url("../images/go-arrow.gif") no-repeat scroll 100% 4px transparent;
      background-size: 10px auto;
      border-bottom: 1px dotted #E4DEDA;
      margin-bottom: 2px;
      padding-bottom: 7px; }
    .featured-links ul li p {
      color: #71695E;
      font-size: 0.95em;
      line-height: 1.5em;
      margin: 0px 0px 10px 0px; }

#subscription-databases-filter input[type="submit"],
#calendar-filter input[type="submit"] {
  position: absolute;
  right: 0px;
  bottom: 0px;
  margin: 0px 6px 5px 0px;
  padding: 5px 7px;
  font-size: 0.9em;
  background-color: #00A2CE;
  border: medium none;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  -webkit-transition: background-color 0.2s ease-out;
  -ms-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out; }
  #subscription-databases-filter input[type="submit"]:hover,
  #calendar-filter input[type="submit"]:hover {
    background-color: #015F89; }

#subscription-databases-filter .clear-filters-link,
#calendar-filter .clear-filters-link {
  bottom: 7px;
  position: absolute;
  right: 90px;
  margin: 0; }
  #subscription-databases-filter .clear-filters-link a,
  #calendar-filter .clear-filters-link a {
    background-color: #FFFFFF;
    border: 1px solid #908B85;
    color: #534D45;
    margin: 4px 0 0 0;
    font-size: 0.85em;
    font-weight: bold;
    letter-spacing: 0.03em;
    padding: 5px 7px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }

/*** Articles & Databases ***/
#dod-filter {
  position: relative; }
  #dod-filter .view-filters {
    padding: 1em; }
    #dod-filter .view-filters .form-item {
      margin: 1em 0; }
      #dod-filter .view-filters .form-item label {
        margin: 1.5px 5px 0px 0px; }
    #dod-filter .view-filters .radio-buttons {
      margin: 1em 0 1.8em 0; }
      #dod-filter .view-filters .radio-buttons .form-radios div {
        display: inline-table;
        margin: 0 .5em 0 0; }
        #dod-filter .view-filters .radio-buttons .form-radios div label {
          padding: 0;
          margin: 1px 4px 0 0; }
  #dod-filter input[type="submit"] {
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin: 0px 6px 5px 0px;
    padding: 5px 7px;
    font-size: 0.9em;
    background-color: #00A2CE;
    border: medium none;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out;
    -ms-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out; }
    #dod-filter input[type="submit"]:hover {
      background-color: #015F89; }
  #dod-filter .clear-filters-link {
    bottom: 7px;
    position: absolute;
    right: 60px;
    margin: 0; }
    #dod-filter .clear-filters-link a {
      background-color: #FFFFFF;
      border: 1px solid #908B85;
      color: #534D45;
      margin: 0;
      font-size: 0.85em;
      font-weight: bold;
      letter-spacing: 0.03em;
      padding: 5px 7px;
      text-decoration: none;
      text-transform: uppercase;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }

/*** Smallbiz Services Directory Filter Search ***/
.view-smallbiz-service-directory .view-filters {
  margin: 1em 0 1em 0; }
  .view-smallbiz-service-directory .view-filters form {
    background: #e8e4e1; }
    .view-smallbiz-service-directory .view-filters form .views-exposed-widget {
      float: none;
      clear: both;
      padding: .5em 1em; }
      .view-smallbiz-service-directory .view-filters form .views-exposed-widget label {
        color: #71695E;
        font-size: 0.95em;
        font-weight: normal;
        padding-bottom: .25em; }
      .view-smallbiz-service-directory .view-filters form .views-exposed-widget.views-submit-button input[type="submit"] {
        padding: 7px 10px;
        margin: .5em 0 0;
        font-size: 1em;
        background-color: #00A2CE;
        border: medium none;
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        font-weight: bold;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-transition: background-color 0.2s ease-out;
        -o-transition: background-color 0.2s ease-out;
        -webkit-transition: background-color 0.2s ease-out;
        -ms-transition: background-color 0.2s ease-out;
        transition: background-color 0.2s ease-out; }
        .view-smallbiz-service-directory .view-filters form .views-exposed-widget.views-submit-button input[type="submit"]:hover {
          background-color: #015F89; }

form#views-exposed-form-archival-collections-page-1 input[type="submit"]:hover,
form#views-exposed-form-archival-collections-page-1 input[type="submit"]:active,
form#subscription-databases-filter input[type="submit"]:hover,
form#subscription-databases-filter input[type="submit"]:active {
  background: #015F89; }

form#subscription-databases-filter {
  position: relative; }

form#subscription-databases-filter {
  min-height: 340px; }
  @media only screen and (min-width: 980px) {
    form#subscription-databases-filter {
      min-height: 300px; } }
  @media only screen and (min-width: 1220px) {
    form#subscription-databases-filter {
      min-height: 250px; } }
  form#subscription-databases-filter .form-item label {
    text-align: right; }
  form#subscription-databases-filter .form-item label[for="keyword"] {
    text-align: left; }
  form#subscription-databases-filter .form-item input#keyword[type="text"] {
    width: 100%; }
  form#subscription-databases-filter .form-item.search-field {
    width: 90%; }
  form#subscription-databases-filter div {
    float: left;
    margin: 1em 6em 0 0.5em;
    position: relative; }
    form#subscription-databases-filter div.limit {
      position: relative;
      width: 150px; }
      @media only screen and (min-width: desktop-and-up-val) {
        form#subscription-databases-filter div.limit {
          width: auto; } }
      form#subscription-databases-filter div.limit span {
        color: #71695E;
        display: inline;
        font-size: 0.9em;
        padding: 0 0.75em 0 0;
        white-space: nowrap; }
        @media only screen and (min-width: desktop-and-up-val) {
          form#subscription-databases-filter div.limit span {
            display: inline-block; } }
    form#subscription-databases-filter div.field-info {
      color: #71695E;
      font-size: 0.8em;
      margin-top: -9px;
      padding-left: 9em;
      width: 80%; }
    form#subscription-databases-filter div label.radio_label {
      color: #36322D;
      float: none;
      width: auto;
      display: inline;
      font-weight: normal; }
    form#subscription-databases-filter div select {
      float: left;
      margin-bottom: 0.75em; }

.results-facet-info {
  border-bottom: 1px solid #CBC8C1;
  margin: 1em 0;
  padding-bottom: 1em; }
  .results-facet-info p,
  .results-facet-info div {
    margin: 0; }
  .results-facet-info p.active-filters-text label {
    display: inline; }
    .results-facet-info p.active-filters-text label.filters-label {
      text-transform: uppercase; }

/*** LEFT SIDEBAR ***/
.region-left a {
  text-decoration: none; }

.region-left ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.region-left li {
  padding: .2em 0; }

.region-left .block {
  margin: 0 0 1em 0;
  padding: 10px; }
  @media only screen and (min-width: 720px) {
    .region-left .block {
      padding: 0; } }
  .region-left .block #secondary-links {
    padding: 20px 15px;
    border: none;
    margin-top: 30px; }
    @media only screen and (min-width: 720px) {
      .region-left .block #secondary-links {
        padding: 10px 0px;
        margin-top: 0;
        border-top: 1px solid #CBC8C1;
        border-bottom: 1px solid #CBC8C1; } }
    .region-left .block #secondary-links > li.active-trail {
      border-top: 3px solid #BBB3A3;
      border-bottom: 3px solid #BBB3A3;
      margin: .5em 0;
      padding: .5em 0; }
      .region-left .block #secondary-links > li.active-trail > a.active-trail {
        font-size: 17px;
        font-size: 1.7rem; }
      .region-left .block #secondary-links > li.active-trail > a:focus {
        outline-color: #0f465c;
        outline-style: solid;
        outline-width: 0.25em; }
    .region-left .block #secondary-links > li li.active a.active {
      background-color: #F4F0A1;
      padding: .1em .65em .2em .35em; }
    .region-left .block #secondary-links > li ul {
      margin: .65em 0 .5em .15em; }
      .region-left .block #secondary-links > li ul li {
        padding: .05em; }
        .region-left .block #secondary-links > li ul li a {
          display: block;
          padding: .15em 0 .15em .25em; }
          @media only screen and (min-width: 950px) {
            .region-left .block #secondary-links > li ul li a {
              display: inline-table;
              width: 90%; } }
      .region-left .block #secondary-links > li ul ul#secondary-links-3 {
        margin-left: .75em; }
  .region-left .block #promos img {
    max-width: 100%; }
  .region-left .block #promos ul {
    margin: .75em 0 1.25em 0; }
    .region-left .block #promos ul a {
      text-decoration: underline; }

.region-left .region-left-inner {
  display: none; }
  @media only screen and (min-width: 720px) {
    .region-left .region-left-inner {
      display: block !important; } }

.region-left .slide-menu-container {
  margin-top: 29px;
  border-top: 1px solid rgba(162, 157, 151, 0.46); }
  .region-left .slide-menu-container .slide-menu {
    width: 100px;
    height: 10px;
    margin: 0 auto;
    border: 1px solid rgba(162, 157, 151, 0.46);
    border-top: none;
    padding-bottom: 35px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display: block;
    background-color: #fff; }
    .region-left .slide-menu-container .slide-menu:focus {
      box-shadow: 1px 1px 1px 1px #082530;
      outline-color: #0f465c;
      outline-style: solid;
      outline-width: 0.25em; }
    .region-left .slide-menu-container .slide-menu .icon-menu2 {
      font-size: 30px;
      text-align: center; }
  @media only screen and (min-width: 720px) {
    .region-left .slide-menu-container {
      display: none; } }

/*** RIGHT SIDEBAR ***/
.region-right {
  display: none;
  /* LGBT blog channel */ }
  @media only screen and (min-width: 720px) {
    .region-right {
      display: block; } }
  .region-right a {
    text-decoration: none; }
  .region-right .sidebar-image {
    margin: 0 0 1.3em 0; }
    .region-right .sidebar-image img {
      max-width: 190px; }
    .region-right .sidebar-image .caption {
      margin: .5em 0 0 0;
      display: block;
      line-height: 0.9em;
      text-align: center; }
  .region-right .block {
    margin: 0 0 1em 0; }
    .region-right .block img {
      max-width: 100%; }
    .region-right .block h3 {
      text-transform: uppercase;
      font-size: 1em;
      font-weight: bold;
      color: #0071A1; }
    .region-right .block p {
      margin: .5em 0 0 0;
      display: inline-table;
      width: 95%; }
    .region-right .block ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      .region-right .block ul li {
        margin: .75em 0;
        line-height: 1em;
        font-size: 1.3rem; }
        .region-right .block ul li.lgbt-donate a {
          color: white;
          display: block; }
    .region-right .block #qwidget-launch a {
      display: block;
      max-width: 190px;
      min-height: 34px;
      background:  url("../images/askNYPL-logo.jpg") no-repeat 0 0;
      background-size: contain; }
    .region-right .block #qwidget-launch p {
      color: #6F6E73;
      margin: -5px 0 0 0;
      padding: 0;
      font-size: 1.25rem; }
    .region-right .block #related-links {
      margin: 0;
      padding: 0; }
      .region-right .block #related-links .related-content-section {
        margin: 0 0 1em 0; }
        .region-right .block #related-links .related-content-section .sidebar-blog {
          margin: 0;
          padding: 0;
          font-weight: normal; }
        .region-right .block #related-links .related-content-section .teaser-text {
          margin: .5em 0 .75em 0;
          font-size: 1.2rem; }
          .region-right .block #related-links .related-content-section .teaser-text p {
            margin: .2em 0 0 0;
            padding: 0;
            color: #71695E; }
        .region-right .block #related-links .related-content-section .more-blogs a {
          text-decoration: underline; }
    .region-right .block .live-subscribe {
      background:  url("../images/footer/enews_small.jpg") no-repeat top left;
      padding: 5px 0 0 30px;
      height: 20px;
      margin: .5em 0;
      width: 90%; }
    .region-right .block .more-link {
      margin-top: -10px; }
  .region-right li.lgbt-donate {
    background: #00a2ce;
    /* Old browsers */
    background: -moz-linear-gradient(top, #00a2ce 0%, #00a2ce 60%, #0071a1 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a2ce), color-stop(60%, #00a2ce), color-stop(100%, #0071a1));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00a2ce 0%, #00a2ce 60%, #0071a1 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00a2ce 0%, #00a2ce 60%, #0071a1 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #00a2ce 0%, #00a2ce 60%, #0071a1 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2ce', endColorstr='#0071a1',GradientType=0 );
    /* IE6-9 */
    background: linear-gradient(top, #00a2ce 0%, #00a2ce 60%, #0071a1 100%);
    /* W3C */
    font-size: 0.9em;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 0.3em 0.5em;
    text-transform: uppercase; }
    .region-right li.lgbt-donate a:hover,
    .region-right li.lgbt-donate a:active {
      text-decoration: none; }
    .region-right li.lgbt-donate a:focus {
      box-shadow: 1px 1px 1px 1px #082530;
      outline-color: #0f465c;
      outline-style: solid;
      outline-width: 0.25em; }
  .region-right li:hover.lgbt-donate,
  .region-right li:active.lgbt-donate,
  .region-right li:focus.lgbt-donate {
    background: #015f89;
    /* Old browsers */
    background: -moz-linear-gradient(top, #015f89 0%, #015f89 50%, #0071a1 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #015f89), color-stop(50%, #015f89), color-stop(100%, #0071a1));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #015f89 0%, #015f89 50%, #0071a1 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #015f89 0%, #015f89 50%, #0071a1 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #015f89 0%, #015f89 50%, #0071a1 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015f89', endColorstr='#0071a1',GradientType=0 );
    /* IE6-9 */
    background: linear-gradient(top, #015f89 0%, #015f89 50%, #0071a1 100%);
    /* W3C */ }
  .region-right li:focus.lgbt-donate {
    box-shadow: 1px 1px 1px 1px #082530;
    outline-color: #0f465c;
    outline-style: solid;
    outline-width: 0.25em; }

/* AV */
#av-intro {
  padding: 0 .5em .5em .5em;
  font-size: .9em;
  text-align: center; }
  #av-intro .sequence-info {
    text-transform: uppercase; }
    #av-intro .sequence-info ul {
      display: block;
      margin: 0; }

#av-media-links {
  border-top: 1px solid #c5c2bb;
  padding: .5em 0 0 .5em;
  margin: .5em 0 0 0;
  font-size: .9em; }

#av-media-links,
#av-intro {
  background: #E8E4E1;
  color: inherit; }
  #av-media-links h3,
  #av-intro h3 {
    display: inline;
    font-size: 1em;
    font-weight: bold;
    color: inherit;
    padding: 0 0.25em 0 0;
    margin: 0;
    text-transform: none; }
  #av-media-links ul,
  #av-intro ul {
    display: inline;
    list-style: none;
    padding: 0; }
    #av-media-links ul li,
    #av-intro ul li {
      display: inline;
      padding: 0 0.4em 0 0.25em;
      border-right: 1px solid #000000; }
      #av-media-links ul li.first,
      #av-intro ul li.first {
        padding-left: 0; }
      #av-media-links ul li.last,
      #av-intro ul li.last {
        border-right: none; }
      #av-media-links ul li.current,
      #av-intro ul li.current {
        color: #acb1b7; }

.av-info-group {
  line-height: 1.3em;
  margin: 0.5em 0; }

#player {
  text-align: center; }
  #player #noflash div {
    background: #c2e7df;
    padding: 1em; }
  #player #noflash p.iphone_av_link {
    padding: 1em;
    font-size: 120%;
    font-weight: bold; }

/* AV Player */
.media-player {
  margin: 1em auto;
  clear: both;
  background: #E8E4E1;
  border: 1px solid #c5c2bb;
  padding: .5em; }
  .media-player .embed-code {
    font-size: .8em;
    background: #E8E4E1;
    margin: 0 auto; }
    .media-player .embed-code .inner {
      border-bottom: 1px solid #858E95; }
    .media-player .embed-code p {
      margin: 0 0 .5em 0; }
    .media-player .embed-code textarea {
      width: 100%;
      font-size: 1em; }
    .media-player .embed-code form {
      text-align: center; }
      .media-player .embed-code form div {
        margin: 0 0 .5em 0; }
    .media-player .embed-code .closed {
      background-position: 0 5px; }
  .media-player h3.trigger {
    font-size: 1em;
    text-transform: uppercase;
    text-decoration: none; }

.player-wrapper {
  margin: 0 auto; }

.media-player-embed {
  border: 1px solid #CCC8C6;
  padding: .5em; }
  .media-player-embed h2 {
    font-size: .9em;
    line-height: 1.2em;
    text-align: center;
    margin: 0 0 .5em 0;
    font-weight: bold; }
    .media-player-embed h2 span {
      display: block;
      font-weight: normal;
      margin: .25em 0;
      text-transform: uppercase;
      font-size: 90%;
      color: #5E564B; }
    .media-player-embed h2 a:link, .media-player-embed h2 a:visited {
      color: #534D45;
      text-decoration: none; }
    .media-player-embed h2 a:hover, .media-player-embed h2 a:active {
      text-decoration: underline; }
    .media-player-embed h2 a:focus {
      box-shadow: 1px 1px 1px 1px #082530;
      outline-color: #0f465c;
      outline-style: solid;
      outline-width: 0.25em; }

.av-date {
  margin: 0 0 .5em 0; }

/* DATABASE OF DATABASES */
.dod-icons {
  float: left;
  margin: 3px 0 0 0;
  padding: 0; }

.dod-item {
  margin: 1em 0 0 0;
  position: relative; }
  .dod-item .dod_recommended_icon,
  .dod-item .dod_access_icon {
    width: 20px;
    height: 20px; }
  .dod-item .dod_access_icon {
    float: left;
    margin: 0 5px 0 0; }
  .dod-item .dod_recommended_icon {
    float: left;
    margin: 0; }
  .dod-item .dod_novel_icon {
    clear: left;
    width: 40px;
    height: 18px; }
  .dod-item .item-content {
    padding-left: 50px; }
    .dod-item .item-content .item-description {
      font-size: .9em; }
  .dod-item h2 {
    margin: 0;
    font-size: 110%; }
  .dod-item p {
    margin: 0 0 .25em 0; }

.dod-results-info {
  border-top: 1px solid #CBC8C1;
  font-family: "Lucida Grande",Verdana,sans-serif;
  font-weight: bold;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0; }

.field-item p {
  margin: 1em 0; }

/*
/help/research-services/interlibrary-loan
/help/get-what-you-need/document-delivery
*/
#logonform {
  border: 1px solid #c5c2bb;
  padding: 0 10px 10px;
  width: 250px; }
  #logonform fieldset {
    border: 0; }
  #logonform h3 {
    color: #D75B27;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase; }
  #logonform label {
    display: inline-block;
    margin: 5px 0 10px; }
  #logonform input[type="submit"] {
    background: #0090c4;
    border: none;
    border-radius: 2px;
    color: #fff;
    display: block;
    letter-spacing: .09em;
    margin: 0 auto;
    padding: 3px;
    text-transform: uppercase; }
  #logonform .formlink {
    color: #0090c4; }

.faq-container {
  display: none; }
  @media only screen and (min-width: 950px) {
    .faq-container {
      display: block; } }

/* 
  PUBLIC TERMINAL SCREENS 
  node/56899
  node/56898
  node/56901
  node/56902
*/
body.terminal {
  margin: 0;
  padding: 0;
  background-color: #EDEA66;
  overflow: hidden; }
  body.terminal #wrap {
    position: relative;
    width: 100%; }
  body.terminal #catalog {
    position: relative;
    width: 49.9%;
    height: 2999px;
    float: left;
    background-image: url(../images/public_terminals/catalog-bg.gif);
    background-repeat: repeat-x;
    background-color: #BAC34B; }
  body.terminal #catalog-inner {
    margin: 170px 0 0 100px;
    width: 304px;
    height: 343px;
    background-image: url(../images/public_terminals/catalog.gif);
    background-repeat: no-repeat; }
    body.terminal #catalog-inner a {
      position: absolute;
      top: 170px;
      left: 100px;
      width: 304px;
      height: 343px; }
  body.terminal #databases {
    position: relative;
    width: 49.9%;
    height: 2999px;
    float: right;
    background-image: url(../images/public_terminals/databases-bg.gif);
    background-repeat: repeat-x;
    background-color: #05a2cd; }
  body.terminal #databases-inner {
    margin: 170px 0 0 50px;
    width: 404px;
    height: 343px;
    background-image: url(../images/public_terminals/databases.gif); }
    body.terminal #databases-inner a {
      position: absolute;
      top: 170px;
      left: 50px;
      width: 404px;
      height: 470px; }
  body.terminal #catalog-inner a h1,
  body.terminal #databases-inner a h1 {
    display: none; }
  body.terminal #logo {
    margin: 50px 0 0 315px;
    width: 132px;
    height: 76px;
    background-image: url(../images/public_terminals/nypl-logo.gif); }

/* LOCATIONS */
.page-locations #map {
  background-color: #E8E4E1;
  border: 1px solid #36322D;
  height: 413px;
  margin: 0 10px;
  width: 95%;
  float: left; }

.page-locations .map-wrapper #map {
  display: none; }
  @media only screen and (min-width: 720px) {
    .page-locations .map-wrapper #map {
      margin: 0;
      width: 40%; } }
  @media only screen and (min-width: 950px) {
    .page-locations .map-wrapper #map {
      display: block; } }

/* The follow set of rules are for /locations */
/* tabs */
ul#locations-index-tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative; }
  ul#locations-index-tabs li {
    padding: 0;
    font-size: 1.0em;
    text-align: center;
    line-height: 1.1em; }
    @media only screen and (min-width: 480px) {
      ul#locations-index-tabs li {
        float: left;
        width: 20%; } }
    @media only screen and (min-width: 720px) {
      ul#locations-index-tabs li {
        font-size: 0.8em; } }
    @media only screen and (min-width: 950px) {
      ul#locations-index-tabs li {
        font-size: 1.1em; } }
    ul#locations-index-tabs li a:link,
    ul#locations-index-tabs li a:visited {
      background-color: #E8E4E1;
      border-color: #CBC8C1;
      border-style: solid;
      border-width: 1px 1px 0;
      color: #908B85;
      display: block;
      height: 2.3em;
      margin-right: 5px;
      padding: 0.25em 0.25em 0.1em;
      text-decoration: none; }
    ul#locations-index-tabs li a:hover,
    ul#locations-index-tabs li a:active {
      background-color: #FFFFFF;
      border-color: #CBC8C1;
      border-style: solid;
      border-width: 1px 1px 0; }
    ul#locations-index-tabs li.active a,
    ul#locations-index-tabs li.active a:visited {
      background-color: #FFFFFF;
      border-color: #CBC8C1;
      border-style: solid;
      border-width: 1px 1px 0;
      color: #36322D; }
    ul#locations-index-tabs li:hover a {
      color: #36322D; }
  ul#locations-index-tabs li.last a {
    border-bottom: 1px solid #CBC8C1; }
    @media only screen and (min-width: 480px) {
      ul#locations-index-tabs li.last a {
        border-bottom: none; } }

/* this makes the tabs type not get weirdly huge w/ the resizer */
body.fontsize1 #locations-index ul#locations-index-tabs li,
body.fontsize2 #locations-index ul#locations-index-tabs li {
  font-size: 70%; }

/* Brooklyn Queens block */
#block-block-97 {
  float: left;
  width: 90%;
  padding: 1em; }
  @media only screen and (min-width: 720px) {
    #block-block-97 {
      width: 35%; } }
  #block-block-97 #queens-brooklyn-logos {
    float: right;
    height: 130px;
    margin: 20px 0;
    overflow: hidden; }
    @media only screen and (min-width: 720px) {
      #block-block-97 #queens-brooklyn-logos {
        height: 130px; } }
  #block-block-97 #queens-system {
    background:  url("../images/queens-logo.jpg") no-repeat 0 0;
    float: left;
    height: 64px;
    margin-right: 15px;
    width: 207px; }
    #block-block-97 #queens-system a {
      display: block;
      height: 64px;
      width: 207px; }
  #block-block-97 #brooklyn-system {
    background:  url("../images/brooklyn-logo-new.jpg") no-repeat 0 0;
    float: left;
    height: 62px;
    width: 170px; }
    #block-block-97 #brooklyn-system a {
      display: block;
      height: 64px;
      width: 95px; }
  #block-block-97 #queens-system a span,
  #block-block-97 #brooklyn-system a span {
    display: none;
    visibility: hidden; }

#locations-index,
#closings-block {
  width: 95%;
  float: left; }
  @media only screen and (min-width: 720px) {
    #locations-index,
    #closings-block {
      width: 55%; } }

#closings-block {
  width: 90%;
  padding: 1em; }
  @media only screen and (min-width: 720px) {
    #closings-block {
      width: 35%; } }
  #closings-block ul {
    margin: 0 0 0 1.25em;
    padding: 0; }
    #closings-block ul li {
      margin: 0 0 .5em 0; }
  #closings-block h3 a {
    color: #E3332C;
    font-size: 1em;
    font-weight: bold;
    line-height: 2em;
    text-decoration: none;
    text-transform: uppercase; }

#locations-index-content {
  border-top: 1px solid #fff;
  padding: 0;
  margin: 0 0 20px 0;
  min-height: 550px; }

#locations-index {
  margin: 10px 20px 0 10px; }
  @media only screen and (min-width: 720px) {
    #locations-index {
      margin-left: 0; } }
  @media only screen and (min-width: 950px) {
    #locations-index {
      margin-top: 0; } }
  #locations-index .locations-list {
    padding: 0 .5em; }
    #locations-index .locations-list.locations-hidden {
      display: none; }
  #locations-index h2 {
    border-bottom: 1px solid #908B85;
    color: #D75B27;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 2em;
    margin: 0.5em 0;
    position: relative;
    text-transform: uppercase; }
  #locations-index h3 a {
    color: #015F89;
    text-decoration: underline; }
  #locations-index .pdf-link {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    background:  url("../images/pdficon.gif") no-repeat top left; }
  #locations-index .location-listing {
    font-size: 0.9em;
    line-height: 1.2em;
    margin: 0;
    overflow: hidden;
    padding: 0 0 1em;
    position: relative;
    width: 100%; }
    #locations-index .location-listing p {
      margin: 0; }
      #locations-index .location-listing p.location-address {
        font-weight: normal; }
    #locations-index .location-listing h3 {
      font-size: 1.2em;
      font-weight: bold;
      line-height: 1.3em;
      margin: 0;
      padding: 0 0 0.3em; }
  #locations-index .location-name-address {
    float: left;
    margin-right: 1em;
    width: 50%; }
  #locations-index .location-address {
    color: #71695E;
    line-height: 1.35em; }
  #locations-index .location-hours-access {
    float: left;
    width: 45%; }

/* These are shared on /locations and /locations/% */
/* WHEELCHAIR ACCESS */
/* The wheelchair css rules are also used on the individual exhibition pages. */
.wheelchair-access,
#locations-index .location-listing .wheelchair-access {
  height: 16px;
  font-style: italic;
  color: #0067b0;
  margin: .25em 0 0 0;
  padding: 0 0 0 20px;
  letter-spacing: 0;
  background-position: top left;
  background-repeat: no-repeat;
  line-height: 14px; }

.wheelchair-access-none {
  padding: 0;
  height: auto;
  color: #555555;
  display: none; }

/* The following is seen on /locations/% */
.block-locations {
  margin: 0 0 30px 0; }

.view-collection-table table.location-hours {
  float: left; }

table.location-hours {
  width: 100%;
  letter-spacing: 0;
  margin: 0.75em 0;
  border-collapse: separate; }
  @media only screen and (min-width: 720px) {
    table.location-hours {
      margin: 0.75em 0 1em 0; } }
  table.location-hours tbody {
    border: none; }
  table.location-hours th {
    font-size: .9em;
    border: none;
    display: block;
    width: 100%;
    min-height: 28px;
    border-bottom: 2px solid #CBC8C1;
    padding: .5em 2em;
    background-color: #fff; }
    table.location-hours th:last-child {
      border-bottom: none; }
    @media only screen and (min-width: 480px) {
      table.location-hours th {
        padding: 0 0.3em;
        display: table-cell;
        width: 11%;
        height: auto;
        border-bottom: none; } }
  table.location-hours td {
    font-size: .75em;
    border-top: 1px solid #CBC8C1;
    border-right: 1px solid #CBC8C1;
    border-left: 1px solid #CBC8C1;
    background-color: #fff;
    line-height: 1.5em;
    display: block;
    height: 30px; }
    table.location-hours td.current {
      background: #bff4ff; }
      table.location-hours td.current span.callout {
        text-align: center; }
    table.location-hours td:last-child {
      padding-bottom: .55em; }
    @media only screen and (min-width: 480px) {
      table.location-hours td {
        padding: 0 0.3em;
        display: table-cell;
        border: 1px solid #CBC8C1;
        width: 11%; } }
  table.location-hours tr.titles {
    float: left;
    display: block;
    border-top: 1px solid #CBC8C1;
    border-bottom: 1px solid #CBC8C1;
    border-left: 1px solid #CBC8C1;
    min-height: 224px; }
    @media only screen and (min-width: 480px) {
      table.location-hours tr.titles {
        float: none;
        display: table-row;
        min-height: 0;
        border: none; } }
  table.location-hours tr.hours {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap; }
    @media only screen and (min-width: 480px) {
      table.location-hours tr.hours {
        display: table-row; } }

/** Event classes locations **/
.node-locations_list h2 {
  margin-bottom: 0; }

.select-locations-list {
  list-style: none;
  margin: 0 0 2.5em 0;
  padding: 0; }
  .select-locations-list li {
    margin: 0 0 1em 0;
    padding: 0; }
    .select-locations-list li h3 {
      font-weight: normal; }

/*  DIVISION QUESTION FORMS  */
#email-library-division,
#concierge-appointment {
  height: 65px;
  margin: 0 auto;
  padding: 5px 0 0 70px;
  width: 250px; }

#email-library-division {
  background:  url("../images/icon_question-balloon.jpg") no-repeat 0 0; }
  #email-library-division span.ext {
    display: none; }

#concierge-appointment {
  background:  url("../images/icon_calendar-date.jpg") no-repeat 0 0; }

/* LOCATIONS - MAIN, DIRECTIONS */
#location-info {
  margin: 0 0 1em 0; }
  #location-info p {
    margin: 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif; }

.site-manager {
  margin: .5em 0 0 0; }

.location-directions {
  padding-top: 10px; }
  .location-directions h2 {
    border-bottom: 1px solid #999999; }
  .location-directions .route {
    margin: 0 0 1em 0; }
    .location-directions .route ul {
      margin: 0;
      padding: 0;
      list-style: none;
      position: relative; }
      .location-directions .route ul li {
        display: inline;
        padding: 0 10px 0 0;
        font-weight: bold; }
      .location-directions .route ul.subway li {
        display: block;
        float: left;
        height: 23px;
        width: 13px;
        margin-right: 10px; }
        .location-directions .route ul.subway li span {
          display: none;
          visibility: hidden;
          height: 0;
          line-height: 0; }
    .location-directions .route p {
      clear: left; }

/* seen on /locations/%/% 
   i.e. locations/schwarzman/childrens-center-42nd-street */
.sub-location-floor-room {
  margin: -1em 0 1em 0;
  padding: 0;
  font-weight: bold;
  font-size: 1.1em; }
  .sub-location-floor-room img.wheelchair-access {
    display: block;
    margin: .25em 0 0 0; }

.hours-notes {
  background: #F2F2B7;
  font-weight: bold;
  font-style: italic;
  padding: .5em;
  margin: 0 0 1em 0;
  border: 1px solid #CBC8C1; }
  .hours-notes p {
    margin: 0 0 .5em 0; }

/* SPECIFIC LOCATIONS */
/* Heiskell */
body.locations-8 #main-content-inner div.teaser-text p {
  line-height: 1.5em; }

/* RESEARCH-COLLS pg */
.collection-result {
  border-top: 1px solid #C5C2BB;
  margin-bottom: 45px;
  padding-top: 15px;
  width: 100%;
  float: left; }

.collection-image {
  float: left;
  margin: 0 20px 15px 0; }
  .collection-image img {
    outline: 2px solid #C5C2BB; }

.collection-desc {
  margin-right: 20px;
  padding-left: 0; }
  @media only screen and (min-width: 720px) {
    .collection-desc {
      padding-left: 120px; } }
  .collection-desc span {
    font-weight: bold; }

.collection-regcard {
  float: left; }

a.title-of-coll {
  color: #015D90;
  display: inline-block;
  font-size: 150%;
  line-height: 1.5em;
  margin-bottom: 1em;
  text-decoration: none; }
  a.title-of-coll:hover {
    text-decoration: underline; }

.collections-reg, .collections-card {
  display: inline-block;
  height: 30px;
  padding: 6px 0 0 35px; }

.collections-reg {
  background:  url("../images/site-icons/pencil_30.png") no-repeat left top; }

.collections-card {
  background:  url("../images/site-icons/idcard_30.png") no-repeat left top; }

#child-locations div {
  position: relative;
  margin: 0;
  padding: 0;
  clear: both; }
  #child-locations div.teaser-text {
    clear: none; }
  #child-locations div.location-preview img {
    float: left;
    margin: 0 0 20px 0;
    padding: 0;
    border: 1px solid #36322D;
    background: #36322d; }
  #child-locations div.location-preview h2 {
    font-size: 1.2em;
    margin: 0 0 .25em 110px; }
  #child-locations div.location-preview p {
    margin: 0 0 0 110px;
    padding: 0 0 20px 0; }
  #child-locations div.location-preview-noimage h2 {
    font-size: 1.2em;
    margin: 0 0 .25em 0; }
  #child-locations div.location-preview-noimage p {
    margin: 0;
    padding: 0 0 20px 0; }

/* /voices (list item from nypl_grouper - blog/av related content) */
/* There are probably more pages that nypl_grouper use to show as a
   jcarousel, but I haven't found them all. */
.grouper-list {
  list-style: none; }
  .grouper-list li {
    margin: 0 1em .5em 1em;
    width: 120px;
    display: inline-table;
    /* Hover on List Item */ }
    .grouper-list li a {
      display: block;
      text-decoration: none; }
      .grouper-list li a:hover {
        text-decoration: underline; }
      .grouper-list li a:focus {
        box-shadow: 1px 1px 1px 1px #082530;
        outline-color: #0f465c;
        outline-style: solid;
        outline-width: 0.25em; }
    .grouper-list li div img {
      filter: alpha(opacity=80);
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;
      opacity: 0.8; }
    .grouper-list li p {
      font-size: .8em;
      margin: 0;
      padding: 7px 20px 0px 0px; }
      .grouper-list li p a {
        color: #000000; }
    .grouper-list li .av-links {
      margin: .5em 0 .5em 0;
      font-size: .73em;
      text-transform: uppercase; }
      .grouper-list li .av-links a {
        text-decoration: underline; }
        .grouper-list li .av-links a:hover {
          color: #B4AEA9; }
        .grouper-list li .av-links a:focus {
          box-shadow: 1px 1px 1px 1px #082530;
          outline-color: #0f465c;
          outline-style: solid;
          outline-width: 0.25em; }
    .grouper-list li:hover div img {
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1; }
    .grouper-list li:hover p a {
      color: #000000;
      text-decoration: none; }

.align-left {
  float: left;
  margin-right: 15px; }

.align-right {
  float: right;
  margin-left: 15px; }

.align-center {
  text-align: center; }

.catalog-image.align-center {
  margin-left: 210px; }

/* BLOG CHANNELS, SERIES */
.channel-description {
  margin-bottom: 1.5em; }
  .channel-description p {
    margin: 0 0 0.7em; }

.blog-channel-link a {
  color: #71695E;
  font-size: 90%;
  font-weight: bold;
  text-transform: uppercase; }

.channel-title {
  color: #D75B27;
  font-size: 0.9em;
  font-weight: bold;
  text-transform: uppercase; }

h1 span {
  display: block;
  font-size: 0.6em; }

/* for first preview */
.blog-post-preview h2 {
  font-size: 1.17em;
  margin: .5em 0 .1em 0; }

.blog-post-preview.first {
  padding: 1em 0; }
  .blog-post-preview.first .thumbnail-wrapper {
    height: 150px;
    width: 150px; }
  .blog-post-preview.first .thumbnail {
    height: 150px;
    width: 150px; }
  .blog-post-preview.first h2 {
    font-size: 12px;
    font-size: 2rem;
    margin-bottom: 0.8em;
    margin-top: 0; }
  .blog-post-preview.first a {
    text-decoration: none; }

/* BLOG POSTS */
.blog-byline {
  color: #5e564b; }

h1 span.blog-byline {
  margin: 0;
  display: block;
  font-size: 1em;
  line-height: .9em; }

p.blog-byline {
  font-size: 90%;
  margin: 0 0 .5em 0; }

/* BLOG ROLLS */
.blog-post-preview {
  position: relative;
  height: 1%;
  margin: 0 0 1.5em 0; }
  .blog-post-preview .thumbnail-wrapper {
    width: 100px;
    height: 100px;
    margin: 0 15px 10px 0;
    padding: 0;
    float: left; }
  .blog-post-preview a:focus {
    display: block; }
  .blog-post-preview .thumbnail {
    width: 100px;
    height: 100px;
    display: block;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    border: 1px solid #36322D; }
    .blog-post-preview .thumbnail img {
      position: relative;
      background: #36322d; }
  .blog-post-preview .content {
    padding: 0;
    margin: 0; }

.comment_link {
  margin: 10px 0 0 0;
  text-align: right;
  text-transform: uppercase;
  font-size: 70%; }
  .comment_link a:focus {
    display: inline-block; }

#block-nypl_grouper-10 {
  padding: 0;
  margin-top: 1.5em; }

#block-nypl_grouper-10 ul {
  margin-bottom: 1.5em; }

/* Added for Grouper and Context integration */
/* MEDIA CENTER FEATURE, Featured blog post, etc. */
.block-nypl_grouper-6,
.block-nypl_grouper-9 {
  padding: 0;
  border: 1px solid #CFEAE5; }
  .block-nypl_grouper-6 p,
  .block-nypl_grouper-9 p {
    margin: 0; }
  .block-nypl_grouper-6 h2,
  .block-nypl_grouper-9 h2 {
    margin: 0 0 1em 0;
    color: #D0343A;
    font-size: 0.9em;
    font-weight: bold;
    text-transform: uppercase; }
  .block-nypl_grouper-6 .block-inner1,
  .block-nypl_grouper-9 .block-inner1 {
    position: relative;
    padding: .75em .75em .25em .75em; }
  .block-nypl_grouper-6 .block-inner2,
  .block-nypl_grouper-9 .block-inner2 {
    position: relative;
    background: #CFEAE5;
    padding: .5em .75em;
    text-transform: uppercase;
    font-size: .9em; }

.block-nypl_grouper-6 {
  background: #E6F4F1; }
  .block-nypl_grouper-6 img {
    float: left; }
  .block-nypl_grouper-6 .blog-post-preview {
    margin: 1em; }

.block-nypl_grouper-9 {
  margin: 1em 0 0 0; }
  .block-nypl_grouper-9 .block-inner2 {
    margin-top: 40px; }

.zone-postscript .block-nypl_grouper h3 {
  color: #D0343A;
  font-size: 1.1em;
  font-weight: bold;
  text-transform: uppercase; }

.zone-postscript .blog-post-single {
  margin: 0; }
  .zone-postscript .blog-post-single h4 {
    margin: 0.7em 0; }
    .zone-postscript .blog-post-single h4 a {
      text-decoration: none; }
      .zone-postscript .blog-post-single h4 a:hover {
        text-decoration: underline; }
      .zone-postscript .blog-post-single h4 a:focus {
        box-shadow: 1px 1px 1px 1px #082530;
        outline-color: #0f465c;
        outline-style: solid;
        outline-width: 0.25em; }

.zone-postscript p.more {
  text-transform: uppercase;
  margin: 1em 0; }

.block-nypl_grouper-11,
.block-nypl_grouper-12,
.block-nypl_grouper-13,
.block-nypl_grouper-14 {
  margin: 1em 0 1.5em 0;
  padding: 0; }
  .block-nypl_grouper-11 h2,
  .block-nypl_grouper-12 h2,
  .block-nypl_grouper-13 h2,
  .block-nypl_grouper-14 h2 {
    margin: 0 0 1em 0;
    color: #D0343A;
    font-size: 0.9em;
    font-weight: bold;
    text-transform: uppercase; }
  .block-nypl_grouper-11 .content,
  .block-nypl_grouper-12 .content,
  .block-nypl_grouper-13 .content,
  .block-nypl_grouper-14 .content {
    padding: 0 0 .5em 0; }
  .block-nypl_grouper-11 .rotato-all-link,
  .block-nypl_grouper-12 .rotato-all-link,
  .block-nypl_grouper-13 .rotato-all-link,
  .block-nypl_grouper-14 .rotato-all-link {
    position: relative;
    padding: .25em .75em;
    text-transform: uppercase;
    font-size: .9em; }

.block-nypl_grouper-14 h2 {
  padding: .25em 0 0 0; }

.blog-channel-list .blog-channel {
  position: relative;
  padding: 0 0 1em 0;
  margin: 0; }
  .blog-channel-list .blog-channel .blog-channel-info {
    padding: 0 0 0 115px;
    position: relative;
    margin: 0; }
    .blog-channel-list .blog-channel .blog-channel-info .series-description {
      margin: 0 0 .5em 0; }
    .blog-channel-list .blog-channel .blog-channel-info p {
      margin-top: 0; }
  .blog-channel-list .blog-channel img {
    float: left;
    margin-top: .3em;
    border: 1px solid #36322D;
    background: #36322d; }
  .blog-channel-list .blog-channel h2 {
    font-size: 1.17em;
    margin: 0; }
  .blog-channel-list .blog-channel .no-image {
    padding: 0;
    position: relative; }

/* BROWSE BY SUBJECT */
#main-content-inner ul.term-list li {
  list-style: none;
  padding: 0;
  margin: 1em 0;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif; }

ul.term-list li {
  font-weight: bold;
  padding: 0;
  margin: 0 0 .5em 0; }
  ul.term-list li ul {
    list-style-type: disc;
    margin: 0 0 0 .5em;
    padding: 0; }
    ul.term-list li ul li {
      font-weight: normal;
      margin: 0;
      padding: .1em 0; }
      ul.term-list li ul li ul {
        list-style-type: circle; }
        ul.term-list li ul li ul li {
          padding: .1em 0 0 0; }

/* BLOG ICON */
.block-aggregator .item-list .icon {
  clear: right;
  color: #555555;
  float: right;
  padding-left: 0.25em; }

.blog-author-view-link {
  clear: both; }

.node .event-top {
  margin: 0 0 1em 0; }
  .node .event-top .event-details {
    background: #E6F4F1;
    margin: 0;
    padding: 0.25em 0.5em;
    border: 1px solid #CFEAE5;
    font-size: .9em;
    position: relative; }
    .node .event-top .event-details p {
      margin: 0; }
    .node .event-top .event-details div {
      margin: .5em 0; }
      .node .event-top .event-details div.program-date {
        margin: 0; }
    .node .event-top .event-details div.event-sponsor,
    .node .event-top .event-details div.cost-tix {
      margin-bottom: 1em; }
    .node .event-top .event-details .wheelchair-access {
      margin: .5em 0; }
    .node .event-top .event-details .exhibitions-hours-label {
      font-size: .9em;
      line-height: .9em; }
    .node .event-top .event-details table.location-hours {
      width: 100%;
      margin: 0 0 0.25em 0;
      border: 1px solid #CBC8C1; }
  .node .event-top .event-media {
    background: #E6F4F1;
    border: 1px solid #CFEAE5;
    padding: 0.25em 0.5em;
    margin: 0.5em 0 0 0;
    font-size: .9em; }
    .node .event-top .event-media h2 {
      text-transform: uppercase;
      margin: 0 0 0.25em; }
    .node .event-top .event-media ul {
      margin: 0;
      padding: 0;
      list-style: none;
      position: relative;
      width: 100%; }
      .node .event-top .event-media ul li {
        margin: 0 0 .25em 0; }
        .node .event-top .event-media ul li.last {
          margin: 0; }
  .node .event-top .program-date,
  .node .event-top .exhibition-dates {
    font-weight: bold;
    margin: 0 0 .5em 0; }

ul.booklists {
  list-style: none;
  padding-left: 0; }

.date-callout {
  text-transform: uppercase;
  font-size: 90%;
  color: red; }

#main-content-inner .multi-location-label {
  text-transform: uppercase;
  font-size: 90%;
  color: #D75B27;
  font-weight: bold;
  font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Verdana,sans-serif; }

#main-content-inner .event-details div.collapsible .trigger {
  font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Verdana,sans-serif; }

.exhibition-view-details {
  font-weight: bold; }

/* WHY WE FIGHT */
/* For the views/block feeds */
.view-exhibition-related-content.view-display-id-page_1, .view-exhibition-related-content.view-display_id-page_2 {
  width: auto;
  margin: 0; }
  .view-exhibition-related-content.view-display-id-page_1 h2, .view-exhibition-related-content.view-display_id-page_2 h2 {
    margin: 0; }

.view-exhibition-related-content ul,
.view-related-division-content ul,
.view-exhibition-wrapper ul {
  list-style: none;
  padding: 0; }
  .view-exhibition-related-content ul li,
  .view-related-division-content ul li,
  .view-exhibition-wrapper ul li {
    margin: 0;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 7px 0;
    line-height: 20px;
    line-height: 2rem; }
    .view-exhibition-related-content ul li div,
    .view-related-division-content ul li div,
    .view-exhibition-wrapper ul li div {
      padding: 3px 0; }
  .view-exhibition-related-content ul li:not(:last-child),
  .view-related-division-content ul li:not(:last-child),
  .view-exhibition-wrapper ul li:not(:last-child) {
    border-bottom: 1px solid #E4DEDA; }

.view-exhibition-related-content a,
.view-related-division-content a,
.view-exhibition-wrapper a {
  text-decoration: none; }
  .view-exhibition-related-content a:hover,
  .view-related-division-content a:hover,
  .view-exhibition-wrapper a:hover {
    text-decoration: underline; }

.view-exhibition-wrapper {
  float: left;
  margin: 30px 20px 30px 0; }
  .view-exhibition-wrapper .views-empty {
    padding: 0;
    background: #fff;
    border: none; }
    .view-exhibition-wrapper .views-empty p {
      padding-top: 5px; }
  .view-exhibition-wrapper h4 {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    margin-top: 0; }
  .view-exhibition-wrapper .view-all {
    text-decoration: underline;
    font-size: 15px;
    font-size: 1.5rem; }

/* Exhibitions New Template */
.exhibition .block-block {
  float: left;
  margin: 30px 0 30px 0;
  clear: right;
  width: 100%;
  /* Override width attribute set by i-frame */ }
  @media only screen and (min-width: 720px) {
    .exhibition .block-block {
      width: 31.3%; } }
  .exhibition .block-block a {
    text-decoration: none; }
  .exhibition .block-block h4 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-weight: bold;
    margin-top: 0px; }
  .exhibition .block-block .twitter-feed {
    padding: 5px 0 0 0; }
  .exhibition .block-block #twitter-widget-0 {
    width: 100% !important; }

.exhibition .blog img {
  width: 100%; }
  @media only screen and (min-width: 720px) {
    .exhibition .blog img {
      width: 50%; } }

.exhibition ul.featured_event_dates li {
  list-style-type: disc;
  border-bottom: none;
  padding: 0px;
  margin-left: 25px; }

.exhibition .sponsors-wrapper .sinatra-sponsors img, .exhibition .sponsors-wrapper .sponsors img {
  border: none !important;
  float: none;
  max-width: 100%;
  margin: 10px; }

.pre-base .node-division_pages div.tier img {
  float: left !important;
  max-width: 100%; }

#container.pre-base {
  padding: 0;
  /* FONTS */ }
  #container.pre-base div.tier {
    padding: 0;
    margin-bottom: 10px; }
    #container.pre-base div.tier .content {
      float: none; }
      #container.pre-base div.tier .content ul {
        padding: 0 0 0 20px; }
        #container.pre-base div.tier .content ul li {
          list-style-type: disc;
          border-bottom: none;
          padding: 2px 0px; }
    #container.pre-base div.tier a.readmore {
      background: none;
      font-size: 14px;
      font-size: 1.4rem; }
  #container.pre-base .exh-caption {
    clear: both;
    font-style: italic;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 40px 0 25px; }
  #container.pre-base div.tier,
  #container.pre-base .view-exhibition-wrapper,
  #container.pre-base .block-block {
    font-family: "LatoRegular"; }
  #container.pre-base div.tier h1,
  #container.pre-base div.tier h2,
  #container.pre-base div.tier h3 {
    font-family: "LatoBold";
    font-weight: normal; }
  #container.pre-base div.tier,
  #container.pre-base .view-exhibition-wrapper {
    color: #3f3a34;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem; }
  #container.pre-base .view-exhibition-wrapper {
    width: 100%; }
    @media only screen and (min-width: 720px) {
      #container.pre-base .view-exhibition-wrapper {
        margin-left: 10px;
        width: 30%; } }
    @media only screen and (min-width: 980px) {
      #container.pre-base .view-exhibition-wrapper {
        margin-left: 0;
        width: 31.5%; } }
  #container.pre-base div.tier h1 {
    color: #3f3a34;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 48px;
    line-height: 4.8rem;
    text-align: center;
    margin: .25em 0; }
  #container.pre-base div.tier h2 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 36px;
    line-height: 3.6rem;
    text-align: center;
    margin-bottom: .25em; }
  @media only screen and (min-width: 980px) {
    #container.pre-base div.tier h1,
    #container.pre-base div.tier h2 {
      text-align: left; } }
  #container.pre-base div.tier h3 {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 28px;
    line-height: 2.8rem; }
  #container.pre-base div.tier h4,
  #container.pre-base .view-exhibition-wrapper h4,
  #container.pre-base .block-block h4 {
    border-bottom: 1px solid rgba(162, 157, 151, 0.46);
    color: #0090c4; }
  #container.pre-base div.tier h1 a,
  #container.pre-base div.tier h2 a,
  #container.pre-base div.tier h3 a,
  #container.pre-base div.tier h4 a,
  #container.pre-base .view-exhibition-wrapper h4 a {
    font-size: inherit;
    line-height: inherit;
    text-decoration: none; }
  #container.pre-base div.tier h1 a:hover,
  #container.pre-base div.tier h2 a:hover,
  #container.pre-base div.tier h3 a:hover,
  #container.pre-base div.tier h4 a:hover,
  #container.pre-base .view-exhibition-wrapper h4 a:hover {
    color: #0091c5;
    text-decoration: underline; }
  #container.pre-base div.tier img {
    border: 1px solid #e2dedb; }
  #container.pre-base div.tier p > a:hover,
  #container.pre-base .tier.featured-articles li > a:hover,
  #container.pre-base .view-exhibition-wrapper li > a:hover {
    color: #0091c5; }
  #container.pre-base .tier.featured-articles li > a,
  #container.pre-base .view-exhibition-wrapper li > a {
    display: inline-block; }
  #container.pre-base .view-exhibition-wrapper li > a {
    color: #222;
    text-decoration: underline; }
    @media only screen and (min-width: 720px) {
      #container.pre-base .view-exhibition-wrapper li > a {
        text-decoration: none; } }
  #container.pre-base .TG-8 {
    width: 100%;
    margin-top: 15px; }
    @media only screen and (min-width: 720px) {
      #container.pre-base .TG-8 {
        text-decoration: none; } }
    @media only screen and (min-width: 980px) {
      #container.pre-base .TG-8 {
        width: 47.5%;
        margin-left: 10px; } }
  #container.pre-base .video-container {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    margin: 0 auto 10px auto; }
    #container.pre-base .video-container object {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      max-width: 700px;
      max-height: 400px;
      margin: 0 auto; }
  #container.pre-base p.whenwhere {
    font-family: "LatoBold" !important; }
    #container.pre-base p.whenwhere span {
      display: block; }
  #container.pre-base .view-exhibition-wrapper p.whenwhere {
    font-size: 13px;
    font-size: 1.3rem; }
  #container.pre-base .digital-collection-image .landscape {
    width: 100%; }
  #container.pre-base .digital-collection-image .portrait {
    width: 50%; }

.division-pages a:hover:not(.readmore) {
  color: #0090c4; }

.division-pages span[class^="icon-"],
.division-pages span[class*="icon-"] {
  font-size: 20px;
  margin-left: -27px; }

.division-pages div.tier h4 {
  margin-bottom: 10px; }

.division-pages .readmore {
  display: inline-block;
  margin: 5px 0px;
  background-color: #e2dedb !important;
  border: 1px solid #c5c2bb;
  padding: 5px !important;
  font-style: normal !important;
  text-decoration: none !important;
  text-transform: none !important; }

.division-pages .video-container {
  padding-bottom: 45.65% !important; }

@media only screen and (max-width: 480px) {
  .division-pages figure.caption {
    float: none !important; } }

.division-pages figure.caption img {
  margin: 5px; }

.division-pages figure.caption figcaption {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.25em; }

.division-pages ul.division-list li,
.division-pages .blogs-feed li,
.division-pages .events-feed li {
  border-bottom: 1px solid #E4DEDA; }
  @media only screen and (min-width: 980px) {
    .division-pages ul.division-list li,
    .division-pages .blogs-feed li,
    .division-pages .events-feed li {
      border: none !important; }
      .division-pages ul.division-list li:not(:last-child),
      .division-pages .blogs-feed li:not(:last-child),
      .division-pages .events-feed li:not(:last-child) {
        border-bottom: 1px solid #E4DEDA !important; } }

.division-pages .groups {
  margin: 15px 0px; }
  .division-pages .groups .division-list {
    display: block;
    width: 100%; }
    @media only screen and (min-width: 980px) {
      .division-pages .groups .division-list {
        margin: 0;
        float: left;
        padding: 0 15px;
        width: 30%; } }
    .division-pages .groups .division-list li {
      padding-left: 30px; }
    .division-pages .groups .division-list .sub_unit_heading {
      font-size: 17px;
      font-size: 1.7rem;
      text-decoration: underline;
      margin-left: 7px; }

.division-pages .blogs-feed, .division-pages .events-feed {
  display: block;
  width: 100%;
  margin-bottom: 20px; }
  @media only screen and (min-width: 980px) {
    .division-pages .blogs-feed, .division-pages .events-feed {
      float: left;
      padding: 0 10px;
      width: 31%;
      margin-bottom: 0; } }
  .division-pages .blogs-feed ul li, .division-pages .events-feed ul li {
    text-decoration: underline; }
  .division-pages .blogs-feed ul.division_second_blog, .division-pages .events-feed ul.division_second_blog {
    border-top: 1px solid #E4DEDA;
    margin-top: 26px;
    padding-top: 15px; }
  .division-pages .blogs-feed .readmore a, .division-pages .events-feed .readmore a {
    text-decoration: none; }

.division-pages .social-media {
  display: block;
  width: 100%; }
  @media only screen and (min-width: 980px) {
    .division-pages .social-media {
      float: left;
      padding-left: 10px;
      width: 31%; } }
  .division-pages .social-media .twitter-feed {
    width: 100%;
    /* Override width attribute set by i-frame */ }
    .division-pages .social-media .twitter-feed #twitter-widget-0 {
      width: 100% !important; }

.division-pages .about-group {
  width: 100%; }
  @media only screen and (min-width: 980px) {
    .division-pages .about-group {
      width: 47.5%;
      margin-right: 25px; }
      .division-pages .about-group:last-child {
        margin-right: 0; } }

.division-pages .field-item ul {
  padding: 0 0 0 40px; }
  .division-pages .field-item ul li {
    list-style-type: disc;
    padding: 0;
    border: none; }

/* SUPPORT PGS (jA) */
/* donate buttons */
a.donate-now,
a.join-now {
  background: #C21F10;
  border-radius: 2px;
  color: white;
  display: block;
  font-family: 'LatoBlack',"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;
  font-size: 110%;
  float: left;
  height: 30px;
  letter-spacing: .1em;
  line-height: 30px;
  margin: 5px 10px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 160px; }

a.donate-now:hover,
a.join-now:hover {
  background: #9c191e; }

a.join-now:focus {
  box-shadow: 1px 1px 1px 1px #082530;
  outline-color: #0f465c;
  outline-style: solid;
  outline-width: 0.25em; }

a.join-now {
  float: right; }

a.donate-now {
  display: none; }
  @media only screen and (min-width: 720px) {
    a.donate-now {
      display: block;
      margin: 5px 60px;
      position: absolute;
      right: 30px;
      top: -15px; } }
  @media only screen and (min-width: 1270px) {
    a.donate-now {
      right: 90px; } }

/* Services and Impact Page */
.services-donate a.donate-now {
  display: none; }
  @media only screen and (min-width: 720px) {
    .services-donate a.donate-now {
      display: block;
      float: right;
      position: relative;
      top: 0px;
      right: 12px;
      margin: 0 5px 0 0; } }

.services-donate p {
  display: none; }
  @media only screen and (min-width: 720px) {
    .services-donate p {
      display: block;
      font-size: 18px;
      font-size: 1.8rem;
      position: absolute;
      top: 4px;
      right: 190px; } }

/* Donate Now Cubs, Donate Now Conservators Blocks */
#donate-campaign {
  margin: 0;
  padding: 0; }

#donate-campaign a {
  display: block;
  width: 190px;
  height: 40px; }

/* Landing page */
a.learn-support {
  color: #000;
  display: block;
  font-size: 150%;
  line-height: 1.8em;
  text-decoration: none;
  float: left;
  padding-right: 40px;
  margin-bottom: 30px; }
  a.learn-support:hover {
    text-decoration: underline; }
  a.learn-support:focus {
    outline-color: #0f465c;
    outline-style: solid;
    outline-width: 0.25em; }

.support-landing-main {
  width: 100%;
  margin-right: 10px;
  float: left; }
  @media only screen and (min-width: 950px) {
    .support-landing-main {
      width: 60%; } }
  .support-landing-main .TG-4 {
    margin: 0; }
  .support-landing-main ul.floatlist li ul li {
    padding: 10px 0 40px 0; }

/* rotato1, on Support */
.view-single-item-rotating-feature.view-display-id-block_1 {
  /* single feature on landing pg ONLY */
  background: rgba(197, 194, 187, 0.3);
  border-radius: 3px;
  padding: 10px 0;
  margin: 20px 0;
  width: 285px;
  float: left; }
  .view-single-item-rotating-feature.view-display-id-block_1 a.item-link {
    color: #C9491A;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    position: inherit; }
    .view-single-item-rotating-feature.view-display-id-block_1 a.item-link:hover {
      text-decoration: underline; }
    .view-single-item-rotating-feature.view-display-id-block_1 a.item-link:focus {
      outline-color: #0f465c;
      outline-style: solid;
      outline-width: 0.25em; }
  .view-single-item-rotating-feature.view-display-id-block_1 h3 {
    background: rgba(0, 144, 196, 0.8);
    color: white;
    font-size: 90%;
    font-weight: bold;
    letter-spacing: .1em;
    padding: 5px 0;
    margin-top: 0;
    text-transform: uppercase;
    width: 97%;
    /* hacky, but fixes a bug */ }
  .view-single-item-rotating-feature.view-display-id-block_1 h3,
  .view-single-item-rotating-feature.view-display-id-block_1 p {
    /* overrides */
    background: none;
    font-family: 'LatoRegular',"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;
    font-size: 150%;
    font-weight: normal;
    color: #0090C4;
    letter-spacing: .03em;
    text-shadow: 1px 1px 4px white;
    text-transform: none;
    width: 100%; }
  .view-single-item-rotating-feature.view-display-id-block_1 p {
    /* overrides */
    padding: 0; }
  .view-single-item-rotating-feature.view-display-id-block_1 .support-list {
    list-style: none;
    padding: 0 15px; }
    .view-single-item-rotating-feature.view-display-id-block_1 .support-list li {
      float: left;
      width: 230px; }
  .view-single-item-rotating-feature.view-display-id-block_1 .support-images {
    width: 254px;
    /* img width + border */
    height: 204px;
    /* img height + border */
    margin: 0 20px 0 0;
    padding: 0;
    overflow: hidden;
    float: left; }
    .view-single-item-rotating-feature.view-display-id-block_1 .support-images img {
      border: 2px solid #7D7872; }
  .view-single-item-rotating-feature.view-display-id-block_1 .support-text {
    float: left;
    margin: 0;
    margin-top: 20px; }

/* Donate page */
.support-donate-intro {
  position: relative; }
  .support-donate-intro p.caption {
    position: relative;
    font-family: 'LatoRegular',"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;
    font-style: normal;
    font-size: 140%; }
  .support-donate-intro a.donate-now {
    position: relative;
    left: 0;
    margin: 0 0 1em 0;
    font-size: 140%;
    width: 200px;
    line-height: 41px;
    height: 40px;
    letter-spacing: .2em; }
    @media only screen and (min-width: 950px) {
      .support-donate-intro a.donate-now {
        position: absolute;
        top: 150px;
        left: 550px; } }

.tier.support-donate ul li {
  padding: 0;
  border: none; }

div.tier ul.support-donate {
  float: left; }

ul.support-donate {
  padding-left: 0; }
  ul.support-donate > li {
    margin-bottom: 25px; }
    ul.support-donate > li p {
      margin-bottom: .5em; }
      ul.support-donate > li p a {
        padding: 10px;
        padding-left: 40px; }
  ul.support-donate a[class|="icon30"] {
    color: #0071A1;
    font-size: 120%;
    text-decoration: none;
    padding-left: 40px;
    display: inline; }
    ul.support-donate a[class|="icon30"]:hover[class|="icon30"] {
      text-decoration: underline; }
    ul.support-donate a[class|="icon30"]:focus[class|="icon30"] {
      outline-color: #0f465c;
      outline-style: solid;
      outline-width: 0.25em; }

/* Membership page: levels */
ul.support-membership {
  padding-left: 0; }
  ul.support-membership > li {
    min-height: 155px;
    border: solid #E2DEDB;
    border-width: 1px 0 1px 0;
    margin-bottom: 1px;
    padding: 10px 0;
    position: relative; }
  ul.support-membership li[class*="feature"] > p {
    margin-top: 0px;
    margin-left: 240px; }
    ul.support-membership li[class*="feature"] > p:first-child {
      margin-bottom: .5em; }
    ul.support-membership li[class*="feature"] > p > a {
      border-bottom: none;
      font-size: 150%;
      color: #0071A1;
      text-decoration: none; }
      ul.support-membership li[class*="feature"] > p > a :hover {
        text-decoration: underline; }
      ul.support-membership li[class*="feature"] > p > a:focus {
        outline-color: #0f465c;
        outline-style: solid;
        outline-width: 0.25em; }
  ul.support-membership a.join-link {
    margin: 0 0 0 240px;
    color: #C9491A;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 85%; }
    ul.support-membership a.join-link:hover {
      text-decoration: underline; }
    ul.support-membership a.join-link:focus {
      outline-color: #0f465c;
      outline-style: solid;
      outline-width: 0.25em; }

.support-item-titles {
  padding: 5px; }

.support-list {
  list-style: none; }
  .support-list li {
    margin: 1em 0;
    float: left; }

.support-images {
  float: none;
  text-align: center; }
  @media only screen and (min-width: 720px) {
    .support-images {
      float: left; } }

.support-text {
  margin-left: 0; }
  @media only screen and (min-width: 720px) {
    .support-text {
      margin-left: 20em; } }
  .support-text p {
    margin: .95em 0; }
  .support-text h3 {
    background: rgba(0, 144, 196, 0.8);
    color: white;
    font-size: 90%;
    font-weight: bold;
    letter-spacing: .1em;
    padding: 5px 0px 5px 5px;
    margin-top: 0;
    text-transform: uppercase;
    width: 99%;
    /* hacky, but fixes a bug */ }
  .support-text a.item-link {
    color: #C9491A;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    position: inherit; }
    .support-text a.item-link:hover {
      text-decoration: underline; }
    .support-text a.item-link:focus {
      outline-color: #0f465c;
      outline-style: solid;
      outline-width: 0.25em; }

/* IMAGE GALLERY INDEX */
#gallery-index {
  position: relative;
  margin: 0;
  padding: 0; }
  #gallery-index .gallery-index-item {
    width: 150px;
    min-height: 220px;
    margin: 0 1.5em 1em 0;
    float: left;
    text-align: center; }
    #gallery-index .gallery-index-item p {
      font-weight: bold;
      font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;
      font-size: .9em;
      margin: 0; }
    #gallery-index .gallery-index-item img {
      border: 1px solid #36322D;
      background: #36322d; }

/* President & Leadership Page */
.president-leadership .pres img {
  display: block;
  margin: 0 auto; }
  @media only screen and (min-width: 720px) {
    .president-leadership .pres img {
      float: left;
      margin: 0px 10px 10px 0px; } }

.president-leadership .pres h2 {
  display: none; }
  @media only screen and (min-width: 720px) {
    .president-leadership .pres h2 {
      display: block; } }

.president-leadership .pres p {
  margin: .25em 0;
  display: none; }
  @media only screen and (min-width: 720px) {
    .president-leadership .pres p {
      display: block; } }

.president-leadership .pres-row {
  clear: both;
  margin: .75em 0;
  display: none;
  width: 100%; }
  @media only screen and (min-width: 720px) {
    .president-leadership .pres-row {
      display: inline-table; } }
  .president-leadership .pres-row h2 {
    font-size: 1.3em;
    margin: .5em 0 .25em 0;
    padding: 0; }
    @media only screen and (min-width: 720px) {
      .president-leadership .pres-row h2 {
        margin: 0 0 .25em 0; } }
  .president-leadership .pres-row p {
    margin: 0;
    padding: 0; }
  .president-leadership .pres-row p:last-child {
    margin: 0 0 .5em 0; }

.president-leadership .pres-title {
  display: block;
  clear: both;
  text-align: center;
  margin: .25em 0; }
  @media only screen and (min-width: 720px) {
    .president-leadership .pres-title {
      text-align: left; } }

.donate-mobile {
  display: block;
  background-color: #E01C18;
  margin: 5px 0 0 0; }
  @media only screen and (min-width: 720px) {
    .donate-mobile {
      display: none; } }
  .donate-mobile a {
    display: block;
    padding: 20px 10px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    letter-spacing: .05em;
    color: #FFF; }

.node-advocacy_landing .advocacy_intro {
  margin-bottom: 1em;
  border-bottom: 1px solid #CCC; }

.node-advocacy_landing .advocacy_petition_form {
  width: 100%;
  margin: 1em 0;
  float: none; }
  @media only screen and (min-width: 720px) {
    .node-advocacy_landing .advocacy_petition_form {
      width: 53%;
      float: left; } }
  .node-advocacy_landing .advocacy_petition_form .form-required {
    color: #e00; }
  .node-advocacy_landing .advocacy_petition_form fieldset {
    border: none;
    margin: 0;
    padding: 0;
    min-width: 0; }
  .node-advocacy_landing .advocacy_petition_form legend {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px; }
  .node-advocacy_landing .advocacy_petition_form label, .node-advocacy_landing .advocacy_petition_form .form-text, .node-advocacy_landing .advocacy_petition_form .form-select {
    display: inline-block; }
  .node-advocacy_landing .advocacy_petition_form label {
    width: 110px; }
    .node-advocacy_landing .advocacy_petition_form label.option {
      width: auto;
      display: inline; }
  .node-advocacy_landing .advocacy_petition_form .form-text, .node-advocacy_landing .advocacy_petition_form .form-select {
    height: 25px;
    height: 1.8em;
    margin-left: 7px;
    max-width: 65%; }
  .node-advocacy_landing .advocacy_petition_form .form-text {
    padding-left: 3px; }
  .node-advocacy_landing .advocacy_petition_form span.privacy_policy {
    display: block; }
  .node-advocacy_landing .advocacy_petition_form #edit-submit {
    font-size: 17px;
    font-size: 1.7rem;
    color: white;
    background-color: #e00404;
    border: none;
    padding: 10px;
    display: block;
    margin: 0 auto;
    border-radius: 7px; }
    .node-advocacy_landing .advocacy_petition_form #edit-submit:disabled, .node-advocacy_landing .advocacy_petition_form #edit-submit[disabled=disabled] {
      opacity: .6; }
    .node-advocacy_landing .advocacy_petition_form #edit-submit:hover {
      cursor: pointer; }
    .node-advocacy_landing .advocacy_petition_form #edit-submit:focus {
      box-shadow: 1px 1px 1px 1px #082530;
      outline-color: #0f465c;
      outline-style: solid;
      outline-width: 0.25em; }
  .node-advocacy_landing .advocacy_petition_form .advocacy_spinner {
    background: url("../images/spinner.gif");
    height: 30px;
    width: 30px;
    position: absolute;
    margin-top: -10px;
    margin-left: 10px; }

.node-advocacy_landing .advocacy_email_letter {
  border: 1px solid #666;
  width: 100%;
  float: none;
  margin: none; }
  @media only screen and (min-width: 720px) {
    .node-advocacy_landing .advocacy_email_letter {
      float: left;
      width: 44%;
      margin: 1.95em 0 0 1em; } }
  .node-advocacy_landing .advocacy_email_letter .inner {
    background-color: #EEE;
    padding: 5px 10px;
    margin: 7px;
    line-height: 1.75em; }

.check-us-out #main-content-inner {
  padding-top: 0px !important; }

.check-us-out .content {
  padding-top: 10px; }
  @media only screen and (min-width: 630px) {
    .check-us-out .content {
      padding-top: 0; } }

.wrapper {
  background: #0096c2 url(../images/checkUsOut/cuo.biglion.blue.svg) 50% 5% no-repeat;
  background-size: contain;
  width: 320px;
  margin: 10px auto; }
  @media only screen and (min-width: 630px) {
    .wrapper {
      width: 600px; } }
  @media only screen and (min-width: 1025px) {
    .wrapper {
      max-width: 950px;
      width: 80%; } }
  .wrapper a {
    text-decoration: none; }
  .wrapper .content-container {
    margin-top: 30px;
    margin-bottom: 80px;
    padding: 0 10px; }
    @media only screen and (min-width: 630px) {
      .wrapper .content-container {
        margin-bottom: 0; } }
    @media only screen and (min-width: 1025px) {
      .wrapper .content-container {
        margin-bottom: 20px; } }

.wrapper .top-banner {
  font-family: system-ui, sans-serif;
  font-weight: 700;
  font-size: 15px;
  background: #000;
  color: #fff;
  height: 42px;
  padding: 0; }
  @media only screen and (min-width: 630px) {
    .wrapper .top-banner {
      font-size: 24px;
      font-family: system-ui, sans-serif;
      font-weight: 700;
      height: 53px; } }
  @media only screen and (min-width: 1025px) {
    .wrapper .top-banner {
      font-size: 28px;
      height: 62px; } }
  .wrapper .top-banner .checkusout-text {
    background: #0096c2;
    width: 35%;
    display: inline-block;
    padding: 5px 10px 6px 15px;
    margin: 10px 0 0 10px;
    float: left;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border: 0px solid #000000; }
    @media only screen and (min-width: 630px) {
      .wrapper .top-banner .checkusout-text {
        width: 28%; } }
    @media only screen and (min-width: 1025px) {
      .wrapper .top-banner .checkusout-text {
        margin-left: 70px;
        width: 27%; } }
  .wrapper .top-banner .all-free-text {
    width: 138px;
    display: inline-block;
    margin: 0;
    position: absolute;
    background: #000;
    padding: 15px 20px 5px 15px; }
    @media only screen and (min-width: 630px) {
      .wrapper .top-banner .all-free-text {
        width: 362px; } }
    @media only screen and (min-width: 1025px) {
      .wrapper .top-banner .all-free-text {
        width: 415px; } }

.checkusout-links {
  list-style: none;
  padding: 0;
  margin: 0; }
  @media only screen and (min-width: 630px) {
    .checkusout-links {
      margin-left: 15px; } }
  @media only screen and (min-width: 1025px) {
    .checkusout-links {
      margin-left: 20px;
      min-height: 750px; } }
  .checkusout-links li {
    line-height: 2em; }
    @media only screen and (min-width: 1025px) {
      .checkusout-links li {
        margin-left: 50px; } }
    .checkusout-links li a {
      color: #ade1f9;
      font-family: 'Oswald';
      font-size: 18px;
      width: 100%;
      display: inline-block;
      line-height: 1em; }
      @media only screen and (min-width: 1025px) {
        .checkusout-links li a {
          font-size: 28px;
          padding-left: 30px; }
          .checkusout-links li a:hover {
            font-size: 47px;
            padding: 5px 0 5px 30px;
            text-decoration: underline;
            color: #fff;
            background-image: url(../images/checkUsOut/triangle.dsktp.png);
            background-size: 50px 60px;
            background-repeat: no-repeat;
            height: 50px;
            margin-left: -30px;
            padding-left: 60px; } }
      .checkusout-links li a:after {
        display: inline;
        margin-left: 5px;
        vertical-align: 3px;
        width: 25px;
        height: 25px;
        content: url(../images/checkUsOut/triangle.mobile.png); }
        @media only screen and (min-width: 630px) {
          .checkusout-links li a:after {
            content: url(../images/checkUsOut/triangle.tablet.png); } }
        @media only screen and (min-width: 1025px) {
          .checkusout-links li a:after {
            content: ''; } }
    .checkusout-links li:last-child a {
      color: #fff; }

.checkusout-footer {
  width: 100%;
  padding-bottom: 20px; }
  .checkusout-footer .nypl-colored-logo {
    width: 90%;
    display: inline-block;
    padding: 0 10px; }
    @media only screen and (min-width: 630px) {
      .checkusout-footer .nypl-colored-logo {
        width: 230px; } }
    @media only screen and (min-width: 1025px) {
      .checkusout-footer .nypl-colored-logo {
        width: 36%;
        margin-left: 30px; } }
    .checkusout-footer .nypl-colored-logo a {
      display: block;
      background: url(../images/checkUsOut/bottomlogo.mobile.png) no-repeat;
      height: 130px;
      margin-left: 10px; }
  .checkusout-footer .nypl-text-info {
    display: inline-block;
    color: #fff;
    margin-left: 50px;
    text-align: right;
    line-height: 2em; }
    @media only screen and (min-width: 630px) {
      .checkusout-footer .nypl-text-info {
        margin-left: 0;
        width: 54%; } }
    .checkusout-footer .nypl-text-info .nypl-link {
      font-family: system-ui, sans-serif;
      font-weight: 700;
      font-size: 28px; }
      .checkusout-footer .nypl-text-info .nypl-link a {
        color: #fff; }
      @media only screen and (min-width: 630px) {
        .checkusout-footer .nypl-text-info .nypl-link {
          font-size: 32px; } }
      @media only screen and (min-width: 1025px) {
        .checkusout-footer .nypl-text-info .nypl-link {
          font-size: 40px;
          margin-bottom: 10px; } }
    .checkusout-footer .nypl-text-info .locations {
      font-family: system-ui, sans-serif;
      font-size: 10px; }
      @media only screen and (min-width: 630px) {
        .checkusout-footer .nypl-text-info .locations {
          font-size: 13px; } }
      @media only screen and (min-width: 1025px) {
        .checkusout-footer .nypl-text-info .locations {
          font-size: 14px;
          font-family: system-ui, sans-serif;
          font-weight: 700; } }

/* COMMENTS */
#comments {
  margin: 1em 0;
  clear: both; }
  #comments h2 {
    border-top: 5px solid #908B85;
    color: #D75B27;
    padding-top: 5px;
    text-transform: uppercase; }
  #comments .box {
    background: #E8E4E1;
    border: 1px solid #CBC8C1;
    padding: 0.5em; }
    #comments .box h3 {
      text-transform: uppercase;
      color: #D75B27; }
  #comments .comment {
    width: 100%; }
    #comments .comment .comment-heading {
      width: 20%;
      float: left;
      text-align: right; }
    #comments .comment .content {
      width: 70%;
      float: right; }
    #comments .comment .links {
      clear: both;
      text-align: right; }
      #comments .comment .links ul.links li a {
        background: #A6AF41;
        border: 2px solid #BAC446;
        color: #FFFFFF;
        font-size: 0.8em;
        font-weight: bold;
        letter-spacing: 0.09em;
        padding: 2px 5px;
        text-decoration: none;
        text-transform: uppercase; }
        #comments .comment .links ul.links li a:hover, #comments .comment .links ul.links li a:active {
          background: #BAC446; }
        #comments .comment .links ul.links li a:focus {
          box-shadow: 1px 1px 1px 1px #082530;
          outline-color: #0f465c;
          outline-style: solid;
          outline-width: 0.25em; }

#comment-form #edit-subject {
  width: 98%; }

#comments .comment,
form#comment-form .preview .comment {
  /* background: #dedede; */
  margin: 1em 0;
  /* border-bottom:1px solid #CBC8C1; */
  border-top: 1px solid #CBC8C1; }

#comments .comment .comment-heading,
#comment-form .preview .comment .comment-heading {
  padding: .5em;
  /* background: #acb1b7; */
  color: #333333; }

#comments .comment .comment-heading a,
#comment-form .preview .comment .comment-heading a {
  color: #333333; }

#comments .comment h3,
#comment-form .preview .comment h3 {
  margin: 0;
  padding: 0; }

#comments .comment p.comment-byline,
#comment-form .preview .comment p.comment-byline {
  padding: 0;
  margin: .25em 0 0 0;
  font-size: 0.8em; }

#comments .comment .content,
#comment-form .preview .comment .content {
  padding: .5em .5em 0 .5em; }

#comments .comment .links {
  padding: .25em .5em;
  /* background: #acb1b7; */ }

#comments .comment .links ul,
#comment-form .preview .comment .links ul {
  margin: 0;
  padding: 0; }

/* for comments in a thread */
#comments .indented {
  margin-left: 25px; }

#comments .indented .comment,
form#comment-form .preview .indented .comment {
  /* border-left: 25px solid #d75b27; */
  background: url("../images/threaded-comment.jpg") no-repeat scroll 0 0 #E8E4E1;
  background-size: contain;
  border-top: medium none;
  padding: 20px 0 5px; }

#comments .indented .comment .comment-heading h3 {
  font-size: .9em; }

.comment-form .form-item input {
  padding: 0.5em; }

.comment-form .form-item input:focus {
  background-color: #f2f2f2;
  border: 0;
  box-shadow: inset 0 0 0 .25em #0f465c;
  outline: none; }

.comment-form .form-item textarea {
  padding: 0.5em; }

.comment-form .form-item textarea:focus {
  background-color: #f2f2f2;
  border: 0;
  box-shadow: inset 0 0 0 .25em #0f465c;
  outline: none; }

/* --- Media Query Generator ---
 * Reusable mixin used to generate
 * variations of media query properties.
 */
/* min-screen($min, $orientation)
 * $min - required
 * $orientation - optional
 * Ex #1: @include min-screen(768px, landscape) { ... }
 * Ex #2: @include min-screen(768px) { ... }
 */
/* FONT FACE MIXIN
 * ---------------
 * Usage: @include font-face('font-name', 'http://...');
 * Desc: Do not include the font file extension, this mixin
 * will generate the proper extensions.
*/
/* VISUALLY HIDE ELEMENTS
 * ---------------------
 * Usage: Visually hides an element from the screen
 * but is still readable by screen readers for accessibility.
*/
/* DISPLAY VISUALLY HIDDEN ELEMENTS
 * ---------------------
 * Usage: Displays an element that is visually hidden.
*/
/*
** Footer Styles
**
**/
.footer {
  padding: 15px 20px 100px;
  background: #54514A;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  min-height: 360px;
  position: relative;
  clear: both; }
  .footer a {
    color: #fff;
    font-weight: 400;
    margin: 0 0.2rem;
    text-decoration: none; }
    .footer a:hover {
      text-decoration: underline; }
    .footer a:focus {
      background-color: #54514A;
      outline: solid 2px #fff; }
  .footer .svgIcon {
    fill: #fff; }
  .footer .logoText {
    position: absolute;
    top: 20px; }
    .footer .logoText .nyplTextLogo {
      height: 94px;
      width: 115px; }
    @media only screen and (min-width: 768px) {
      .footer .logoText {
        top: 20px;
        left: 6%; } }
    @media only screen and (min-width: 1024px) {
      .footer .logoText {
        top: 35px; } }
  .footer-content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 75px; }
    .footer-content .footerLinks {
      font-size: 16px;
      line-height: 35px;
      margin: 0;
      padding: 0;
      order: 2;
      list-style: none;
      text-align: right;
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .footer-content .footerLinks {
          width: auto; } }
      .footer-content .footerLinks .linkItemList {
        list-style-type: none; }
        .footer-content .footerLinks .linkItemList li {
          position: absolute;
          left: -10000px;
          top: auto;
          width: 1px;
          height: 1px;
          overflow: hidden; }
          .footer-content .footerLinks .linkItemList li:first-child {
            position: relative;
            left: 0;
            height: auto;
            width: 100%; }
          @media only screen and (min-width: 768px) {
            .footer-content .footerLinks .linkItemList li {
              position: relative;
              left: 0;
              height: auto;
              width: 100%; } }
      .footer-content .footerLinks ul {
        padding: 0; }
      @media only screen and (min-width: 768px) {
        .footer-content .footerLinks li {
          float: left;
          width: 135px; }
          .footer-content .footerLinks li:first-child {
            width: 110px; } }
      @media only screen and (min-width: 1024px) {
        .footer-content .footerLinks li {
          width: 155px; }
          .footer-content .footerLinks li:first-child {
            margin-right: 110px; }
          .footer-content .footerLinks li:nth-child(2) {
            margin-right: 60px; } }
      @media only screen and (min-width: 1500px) {
        .footer-content .footerLinks li:first-child, .footer-content .footerLinks li:nth-child(2) {
          width: 155px;
          margin-right: 0; } }
      @media only screen and (min-width: 768px) {
        .footer-content .footerLinks {
          order: 1;
          margin: 0;
          font-size: 13px;
          line-height: 25px;
          text-align: left; } }
      @media only screen and (min-width: 1024px) {
        .footer-content .footerLinks {
          font-size: 14px;
          font-weight: 400;
          line-height: 30px; } }
      @media only screen and (min-width: 1500px) {
        .footer-content .footerLinks {
          margin-right: 70px;
          order: 2; } }
    .footer-content .socialMedia {
      order: 1;
      margin: 20px 0 15px 0;
      list-style-type: none;
      text-align: right;
      width: 200px; }
      .footer-content .socialMedia li {
        display: inline-block;
        width: 45px; }
        .footer-content .socialMedia li a {
          display: block;
          color: #FFF;
          font-size: 40px;
          line-height: 45px;
          text-decoration: none; }
          .footer-content .socialMedia li a svg {
            width: 36px;
            height: 36px; }
          @media only screen and (min-width: 768px) {
            .footer-content .socialMedia li a {
              font-size: 50px; } }
        .footer-content .socialMedia li [class^="icon-"],
        .footer-content .socialMedia li [class*=" icon-"] {
          padding: 0; }
        .footer-content .socialMedia li [data-icon]:before,
        .footer-content .socialMedia li [class^="icon-"]:before,
        .footer-content .socialMedia li [class*=" icon-"]:before {
          margin: 0 5px 0 0 !important; }
      @media only screen and (min-width: 768px) {
        .footer-content .socialMedia {
          margin-top: 30px; } }
      @media only screen and (min-width: 1024px) {
        .footer-content .socialMedia {
          margin-top: 30px; } }
      @media only screen and (min-width: 1500px) {
        .footer-content .socialMedia {
          margin-top: 0;
          width: 280px; } }
    @media only screen and (min-width: 768px) {
      .footer-content {
        margin: 0;
        right: 6%;
        position: absolute;
        align-items: flex-end; } }
    @media only screen and (min-width: 1500px) {
      .footer-content {
        flex-direction: row-reverse;
        align-items: flex-start; } }
  @media only screen and (min-width: 768px) {
    .footer-content--secondary {
      position: absolute;
      left: 6%;
      top: 140px;
      width: 400px; } }
  @media only screen and (min-width: 1024px) {
    .footer-content--secondary {
      top: 170px; } }
  @media only screen and (min-width: 1500px) {
    .footer-content--secondary {
      top: 140px; } }
  .footer-content--secondary .facade img {
    width: 100%;
    height: auto; }
  .footer-content--secondary .copyright {
    margin: 35px 0 0 0;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    text-align: right; }
    @media only screen and (min-width: 768px) {
      .footer-content--secondary .copyright {
        font-size: 11px; } }
    @media only screen and (min-width: 1024px) {
      .footer-content--secondary .copyright {
        font-size: 13px; } }
  @media only screen and (min-width: 768px) {
    .footer {
      padding: 15px 0; } }
  @media only screen and (min-width: 1024px) {
    .footer {
      padding: 30px 0; } }
