/*===========================================================================================================
		Site Info 
=============================================================================================================

	Date: 12/04/16 (dd/mm/yy)
	Site: New York Historical Society, a#
	Web Designer: rafacm
	Display Mode: Custom
	
	Last Modified By: Juliana Roberto's Team -- 5/13/2016 -- Proof 1

  rafacm  --  19/04/16 (dd/mm/yy)

=============================================================================================================
		Stylesheet Info
=============================================================================================================

	Index:
	Base
	Generic
	Home Page
	Sub-Page
	Gift Exclusions
	
	IMPORTANT NOTES - PLEASE READ BEFORE STARTING YOUR SITE:
	
	Fill out the information above (Site Info) so that we can have a quick reference of who built this site.
	
	Our stylesheets are based off of the Mobile First ideology. This means that anything that is located
	outside of a media query will display on mobile and desktop. Anything that is located within the
	@media only screen and (min-width:768px) media query will be desktop only.
	
	There are mobile styles located under the "Generic", "Home Page" and "Sub-Page" sections that are outside
	of a media query and most contain predefined empty style attributes. For these styles you will only need to
	fill in the predefined attributes. Do NOT add/remove attributes to/from them as it will alter the default 
	mobile template. If you need to overwrite anything it should be for Desktop and will go into a media query.
	
	For each section there may be 3 different subsections: DEFAULT, CUSTOM and ADAPTIVE. DEFAULT applies to
	both Custom and Adaptive display modes.
	CUSTOM styles should be removed or commented out when building a site in Adaptive display mode.
	ADAPTIVE styles should be commented out or removed when building a site in Custom display mode.
	
	ALL MOBILE STYLE DEFINITIONS THAT ARE NEEDED FOR STYLING THE MOBILE SITE ARE ALREADY LOCATED IN THIS 
	STYLESHEET. ANY CUSTOM FEATURES THAT YOU ADD ARE EXCEPTIONS. YOU'LL BE RESPONSIBLE FOR ADDING IN THE STYLE
	DEFINITIONS FOR THOSE ON BOTH DESKTOP AND MOBILE.
	
	All styles that you add on your own need to be inside of a @media only screen and (min-width:768px) media query
	that is pre-defined in this CSS or that you add yourself. The GOAL is to have you style for desktop and fill
	in the pre-defined mobile styles to make the mobile site have a color scheme that matches the client's site.
	REMEMBER that your mobile styles will carry over to Desktop so they might need to be overwritten using the
	desktop specific media query.

	CUSTOM/ADAPTIVE SPECIFIC STYLES
	The following lines contain styles that are specific to the framework that you're using. When using Custom
	you'll need to remove the commented adaptive styles. When using Adaptive you'll need to remove the custom
	styles. These blocks can be found on the following lines (in the default file only. After editing these lines
	will change):
		- Lines 265-288
		- Lines 358-380
		- Lines 392-395
		- Lines 410-423
		- Lines 464-467
			
============================================================================================================

*/
/*

************************************************************************************************************
//////////////////////     Base
************************************************************************************************************

*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
body {
  overflow-x: hidden;
  background: #fefefe url("/Images/N/new-york-historical-society/body-bg.jpg");
}

body, #stl-cms .stl-colwrap, div.stl-center div.row, .stl-center div.row > div {
  margin: 0;
}

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

/* Apply border-box to all Stelter content */
.stl-colwrap *, .stl-colwrap *:before, .stl-colwrap *:after {
  box-sizing: border-box;
}

/* Remove borders from all iframes */
iframe {
  border: none;
}

/*

************************************************************************************************************
//////////////////////     Client Overrides
************************************************************************************************************

*/
/* Client specific overrides can go in this section */

#header .pane-nice-menus-1 ul.nice-menu { padding-left:7px;}

#top-banner {
  display: none;
  width: 120%;
  background: #F5AD3A;
  margin: 0 0 20px -10%;
}
@media only screen and (max-width: 1175px) {
  #top-banner {
    margin-left: 0;
    width: 100%;
  }
}

.HomePage #top-banner {
  /* display: block; */
}

#banner-left {
  vertical-align: top;
  display: inline-block;
  width: calc(100% - 400px);
}
#banner-left img {
  width: 100%;
}

#banner-right {
  display: inline-block;
  width: 400px;
  padding: 80px 25px;
  vertical-align: top;
}
@media only screen and (max-width: 1175px) {
  #banner-right {
    padding: 60px 25px;
  }
}
#banner-right h3 {
  font-size: 40px;
  margin: 0;
  line-height: 1.25;
  color: #fff;
}
#banner-right h3 span {
  color: #000;
  display: block;
}

@media only screen and (max-width: 960px) {
  #banner-left, #banner-right {
    display: block;
    width: 100%;
  }

  #banner-right {
    padding: 30px 25px;
  }
  #banner-right h3 {
    font-size: 28px;
  }
}
header a, header a:visited, header a:hover, footer a, footer a:visited, footer a:hover {
  color: #e28c05;
  text-decoration: none;
}
@media only screen and (max-width: 960px) {
  header, footer {
    padding-left: 16px;
    padding-right: 16px;
  }
}

header ul.nice-menu {
  height: 30px;
  border: 0;
  background: none;
  z-index: 500;
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-top: 10px;
  height: 40px;
  position: relative;
  background: #fff;
}
header ul.nice-menu:before {
  content: "";
  background: #fff;
  left: -250%;
  right: -250%;
  top: 0;
  bottom: 0;
  z-index: 0;
  display: block;
  position: absolute;
}
header ul.nice-menu li {
  list-style: none;
  position: relative;
  float: left;
  margin: 0;
  padding-left: 0;
  height: 30px;
  line-height: 15px;
  border: 0;
  background: url("/Images/N/new-york-historical-society/menu-li-bg.gif") no-repeat right 2px;
  z-index: 1;
}
header ul.nice-menu li a {
  height: 30px;
  line-height: 18px;
  padding: 0 12px;
  font-size: 15px;
  text-decoration: none;
  text-transform: lowercase;
  color: #60605b;
  float: left;
  display: block;
  margin: 0;
}
header ul.nice-menu li a:hover, header ul.nice-menu li a.active {
  color: #e28c05;
  border-bottom: 8px solid #e28c05;
}
header ul.nice-menu li:first-child > a {
  padding-left: 0;
}
@media only screen and (max-width: 960px) {
  header ul.nice-menu {
    float: none;
    height: auto;
  }
  header ul.nice-menu li {
    float: none;
    display: inline-block;
  }
}

#mini-panel-footer > div {
  /* Flex container element with IE9 fallback */
  box-sizing: border-box;
  /* End Flex container element */
}
@supports not (display: -webkit-box) or (display: -webkit-flex) or (display: -ms-flexbox) or (display: flex) {
  #mini-panel-footer > div {
    /* For IE9 (even though IE9 does not support "@support", so the rest don't receive the 
    & > * { display: table-cell } which can cause problems with some of the section
    hides with "display: none;" and "display: block;"). */
    display: table;
    border-collapse: separate;
    border-spacing: 30px 0;
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px;
    table-layout: fixed;
  }
  @media only screen and (min-width: 961px) {
    #mini-panel-footer > div > * {
      display: table-cell;
      vertical-align: top;
    }
    #mini-panel-footer > div:before, #mini-panel-footer > div:after {
      content: none;
    }
  }
}
@supports (display: -webkit-box) or (display: -webkit-flex) or (display: -ms-flexbox) or (display: flex) {
  #mini-panel-footer > div {
    /* For all others browsers */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
  }
  #mini-panel-footer > div > div {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 0 15px;
    min-width: calc(33.33333% - 30px);
  }
}
#mini-panel-footer > div > div {
  /* For ALL browsers */
  float: none;
  width: auto;
}
@media only screen and (max-width: 960px) {
  #mini-panel-footer > div {
    /* Flex element to block and full width for tablet/mobile */
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #mini-panel-footer > div > div {
    width: 100%;
    margin: 30px 0 0;
  }
  #mini-panel-footer > div > div:first-child {
    margin-top: 0;
  }
}

footer {
  padding-top: 40px;
  padding-bottom: 18px;
  position: relative;
  color: #8c8c8c;
}
footer:before {
  content: " ";
  height: 18px;
  bottom: 0;
  background: #60605b;
  left: -250%;
  right: -250%;
  position: absolute;
  display: block;
  z-index: 1;
}
footer .panel-panel h2 {
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #e28c05;
  border-top: none;
}
footer .panel-panel .inside > *:last-child {
  padding-bottom: 10px;
}
footer .panel-panel a.download {
  margin: 5px 0;
  position: relative;
  margin-left: -5px;
  float: left;
}
footer .panel-panel h3 {
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 12px;
  line-height: 18px;
  font-style: italic;
  font-weight: normal;
  text-transform: lowercase;
  color: #404040;
  margin: 0;
}
footer .social-links h3 {
  line-height: 25px;
}
footer #footer-links-topline {
  float: right;
  margin: -42px 0 10px;
}
footer .social-links a {
  height: 20px;
}
footer #footer-links-topline img {
  margin: 0 4px;
}
footer .social-links .icon-library {
  position: relative;
}
footer .social-links img {
  margin: 0 3px;
  vertical-align: -1px;
}

#stl-cms footer .panel-panel p {
  margin-bottom: 10px;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 14px;
  line-height: 19px;
}
#stl-cms footer .panel-col-last p {
  margin-bottom: 3px;
}

footer .pane-7 {
  position: relative;
}
footer .pane-7:before, footer .pane-7:after {
  top: 0;
  bottom: -20px;
  content: " ";
  position: absolute;
  display: block;
  border-right: 1px solid #a1a1a1;
}
footer .pane-7:before {
  left: -15px;
}
footer .pane-7:after {
  right: -15px;
}
@media only screen and (max-width: 960px) {
  footer .pane-7:before, footer .pane-7:after {
    left: 0;
    right: 0;
  }
  footer .pane-7:before {
    top: -15px;
    bottom: auto;
  }
  footer .pane-7:after {
    top: auto;
    bottom: -15px;
  }
}

/*

************************************************************************************************************
//////////////////////     Generic
************************************************************************************************************

*/
/* 
-------------------------------
		Structure
------------------------------- 
*/
/* Outermost site wrapper - wraps entire site 
	:: Default page structure ::
		 ----------------------
			<div id="stl-page">
				<div id="stl-cms">
					<div class="stl-container">
						<div class="stl-header"></div>
						<div class="stl-colwrap"></div>
						<div class="stl-footer"></div>	
					</div>
				</div>
			</div>
	
	:: If header/footer are set to display outside the container, this element becomes the parent ::
		 -------------------------------------------------------------------------------------------
			<div id="stl-page">
				<div class="stl-header"></div>
				<div id="stl-cms">
					<div class="stl-container">
						<div class="stl-colwrap"></div>
					</div>
				</div>
				<div class="stl-footer"></div>
			</div>
:: */
/* Structure */
div#stl-cms {
  background: transparent;
  padding-bottom: 0;
  position: relative;
  max-width: 960px;
  margin: 0 auto;
}

#stl-cms .sub-middle-section {
  width: 66%;
  margin: 2% 0 0 0;
  padding: 10px 16px;
  background: #fff;
}
@media only screen and (max-width: 960px) {
  #stl-cms .sub-middle-section {
    width: 100%;
  }
}

#stl-cms .stl-w-03.stl-left {
  width: 32%;
  margin: 2% 2% 0 0;
}
@media only screen and (max-width: 960px) {
  #stl-cms .stl-w-03.stl-left {
    margin: 0 0 30px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
  }
}

#illustrator-ebro-container {
  /* Flex container element with IE9 fallback */
  box-sizing: border-box;
  /* End Flex container element */
}
@supports not (display: -webkit-box) or (display: -webkit-flex) or (display: -ms-flexbox) or (display: flex) {
  #illustrator-ebro-container {
    /* For IE9 (even though IE9 does not support "@support", so the rest don't receive the 
    & > * { display: table-cell } which can cause problems with some of the section
    hides with "display: none;" and "display: block;"). */
    display: table;
    border-collapse: separate;
    border-spacing: 0 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    table-layout: fixed;
  }
  @media only screen and (min-width: 961px) {
    #illustrator-ebro-container > * {
      display: table-cell;
      vertical-align: top;
    }
    #illustrator-ebro-container:before, #illustrator-ebro-container:after {
      content: none;
    }
  }
}
@supports (display: -webkit-box) or (display: -webkit-flex) or (display: -ms-flexbox) or (display: flex) {
  #illustrator-ebro-container {
    /* For all others browsers */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #illustrator-ebro-container > div {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 0;
    min-width: 50%;
  }
}
#illustrator-ebro-container > div {
  /* For ALL browsers */
  float: none;
  width: auto;
}
@media only screen and (max-width: 960px) {
  #illustrator-ebro-container {
    /* Flex element to block and full width for tablet/mobile */
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #illustrator-ebro-container > div {
    width: 100%;
    margin: 0 0 0;
  }
  #illustrator-ebro-container > div:first-child {
    margin-top: 0;
  }
}
#illustrator-ebro-container > div {
  padding: 12px 18px;
  border-top: 1px solid #BABABA;
  border-bottom: 1px solid #BABABA;
}

#stl-cms .sub-middle-section > div {
  margin-top: 30px;
}
#stl-cms .sub-middle-section > div:first-child, #stl-cms .sub-middle-section > div.main-copy, #stl-cms .sub-middle-section > div.clearfloat {
  margin-top: 0;
}
#stl-cms .sub-middle-section > div#stl-getting-started-container {
  margin-top: 11px;
}

/* 
-------------------------------
		Typography
------------------------------- 
*/
body {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 13px;
}

/* Standarize content paragraph spacing */
#stl-cms p {
  margin: 0 0 1em;
}
#stl-cms table, #stl-cms form, #stl-cms ul, #stl-cms ol, #stl-cms blockquote {
  margin-bottom: 1em;
}
#stl-cms p:last-child, #stl-cms table:last-child, #stl-cms form:last-child, #stl-cms ul:last-child, #stl-cms ol:last-child, #stl-cms blockquote:last-child {
  margin-bottom: 0;
}

/* ------------------
	Links / Buttons
--------------------- */
/* Targets only CMS content */
.stl-colwrap a, .stl-colwrap a:focus, .stl-colwrap a:active, .stl-colwrap a:hover, .GettingStartedPage a, .GettingStartedPage a:focus, .GettingStartedPage a:active, .GettingStartedPage a:hover, .stl-white-popup a, .stl-white-popup a:focus, .stl-white-popup a:active, .stl-white-popup a:hover {
  color: #e28c05;
  text-decoration: none;
}

/* Overriding global.css text-decoration */
a, a:link, a:visited, a:active, a:hover, a:focus, .btn:hover, .btn:focus, .btn-link:hover, .btn-link:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .nav > li.disabled > a:hover, .nav > li.disabled > a:focus, .navbar-brand:hover, .navbar-brand:focus, .pagination > li > span, .pager li > a:hover, .pager li > a:focus, .label[href]:hover, .label[href]:focus, a.badge:hover, a.badge:focus, a.list-group-item:hover, a.list-group-item:focus, .close:hover, .close:focus, .tooltip-inner, .carousel-control:hover, .carousel-control:focus {
  text-decoration: none;
}

/* Button Structure */
.stl-colwrap a.stlButton, a.stlButton, .stlButton {
  zoom: 1;
  white-space: normal;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: border-box;
  text-decoration: none;
  opacity: 1;
  height: auto;
  max-height: none;
}
.stl-colwrap a.stlButton::-moz-focus-inner, a.stlButton::-moz-focus-inner, .stlButton::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.stl-colwrap a.stlButton:focus, a.stlButton:focus, .stlButton:focus {
  outline: 0;
}

/* Button Styles */
.stl-colwrap a.stlButton, a.stlButton, .stlButton, .stl-colwrap .reg-toggle-box, .reg-toggle-box, #simplest-way a, #stl-whats-new > a.stl-wn-view-more, .stl-gift-illustrator-row .lightbox {
  text-transform: uppercase;
  font-size: 10.5px;
  padding: 0;
  line-height: 1.2;
  display: inline-block;
  text-align: center;
  -webkit-transition: none;
  transition: none;
  font-family: "Open Sans";
  font-weight: bold;
  color: #60605b;
  text-decoration: none;
  background: none;
  border-radius: 0;
  border: none;
}
.stl-colwrap a.stlButton:hover, .stl-colwrap a.stlButton:focus, a.stlButton:hover, a.stlButton:focus, .stlButton:hover, .stlButton:focus, .stl-colwrap .reg-toggle-box:hover, .stl-colwrap .reg-toggle-box:focus, .reg-toggle-box:hover, .reg-toggle-box:focus, #simplest-way a:hover, #simplest-way a:focus, #stl-whats-new > a.stl-wn-view-more:hover, #stl-whats-new > a.stl-wn-view-more:focus, .stl-gift-illustrator-row .lightbox:hover, .stl-gift-illustrator-row .lightbox:focus {
  -webkit-transition: none;
  transition: none;
  text-decoration: underline;
  color: #60605b;
}
.stl-colwrap a.stlButton:after, a.stlButton:after, .stlButton:after, .stl-colwrap .reg-toggle-box:after, .reg-toggle-box:after, #simplest-way a:after, #stl-whats-new > a.stl-wn-view-more:after, .stl-gift-illustrator-row .lightbox:after {
  content: "			\00bb";
  font-size: 14px;
  padding: 0 0 0 2px;
}
.stl-colwrap a.stlButton.noafter:after, a.stlButton.noafter:after, .stlButton.noafter:after, .stl-colwrap .reg-toggle-box.noafter:after, .reg-toggle-box.noafter:after, #simplest-way a.noafter:after, #stl-whats-new > a.stl-wn-view-more.noafter:after, .stl-gift-illustrator-row .lightbox.noafter:after {
  content: none;
}

button.stlButton {
  font-size: 16px;
}

/* ------------------
	Content
--------------------- */
/* General Content */
/* Copyright */
/* Headings */
/* Global Headings */
.sub-middle-section h1 {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 34px;
  color: #60605b;
  border-bottom: 1px solid #ccc;
}

.sub-middle-section h2, .sub-middle-section h3, .sub-middle-section h4 {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 22px;
}

.sub-middle-section h2, .sub-middle-section h3, .sub-middle-section h4, .mfp-content h2, h4.modal-title {
  font-family: Georgia Regular,"Times New Roman",Times,serif;
  letter-spacing: 0.020em;
  color: #404040;
}

.sub-middle-section h1, .sub-middle-section h2, .sub-middle-section h3, .sub-middle-section h4, .mfp-content h2, h4.modal-title {
  font-weight: normal;
}

/* Page header, Title, and Sub Title styles */
/* Lists */
.stl-colwrap ul, .stl-colwrap ol {
  margin: 0 0 1em 25px;
  padding: 0;
}
.stl-colwrap ul p, .stl-colwrap ol p {
  margin: 1em 0;
}
.stl-colwrap ul li, .stl-colwrap ol ul li {
  display: list-item;
  list-style: disc inside;
  margin: 1em 0;
  padding: 0;
}
.stl-colwrap ol li, .stl-colwrap ul ol li {
  display: list-item;
  list-style: decimal inside;
  margin: 1em 0;
  padding: 0;
}
.stl-colwrap ul.stl-checklist li {
  list-style: none;
}
.stl-colwrap ul.stl-checklist li:before {
  content: "\f096";
  font-family: FontAwesome;
  padding: 0 6px 0 0;
}

/* 
-------------------------------
		Pullouts
------------------------------- 
*/
/* 
-------------------------------
		Left/Right Navigation
------------------------------- 
*/
#stl-cms ul#rightnav {
  border-top: none;
  max-width: 350px;
  margin: 22px 0 0;
}
#stl-cms ul#rightnav li a.stlHomelink {
  padding: 0;
}
#stl-cms ul#rightnav li {
  list-style: none;
}
#stl-cms ul#rightnav li a {
  border: none;
}
#stl-cms ul#rightnav li.onTrail {
  margin: 20px 0;
}
#stl-cms ul#rightnav li.onTrail > a {
  cursor: default;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: bold;
  color: #959595;
  text-transform: uppercase;
  font-family: Arial,Helvetica,sans-serif;
  border-bottom: 1px dotted #afafaf;
  position: relative;
  padding: 0px 0px 0px 10px;
}
#stl-cms ul#rightnav li.onTrail > a:before {
  width: 6px;
  height: 11px;
  position: absolute;
  top: 2px;
  left: 0px;
  content: url("/Images/N/new-york-historical-society/arrow-orange.png");
}
#stl-cms ul#rightnav li.onTrail li a {
  padding-left: 0;
}

#support-yhs {
  max-width: 350px;
}
#support-yhs h3 {
  margin-bottom: 11px;
  font-size: 11px;
  font-weight: bold;
  color: #959595;
  text-transform: uppercase;
  font-family: Arial,Helvetica,sans-serif;
  border-bottom: 1px dotted #afafaf;
  position: relative;
  padding: 0px 0px 0px 10px;
}
#support-yhs h3:before {
  width: 6px;
  height: 11px;
  position: absolute;
  top: 2px;
  left: 0px;
  content: url("/Images/N/new-york-historical-society/arrow-orange.png");
}
#support-yhs p {
  color: #626262;
  font-style: italic;
}
#support-yhs img {
  margin: -5px 0 0 -6px;
}

/*

************************************************************************************************************
//////////////////////     Home Page
************************************************************************************************************

*/
/*
 -------------------------------
		What's New
------------------------------- 
*/
div.hotnews {
  float: none !important;
  background: #fff;
}

#stl-whats-new {
  padding: 0;
  border: none;
}
#stl-whats-new h3.stl-whats-new-title {
  padding-top: 0;
}
#stl-whats-new ul {
  margin: 0 0 10px;
  padding-left: 0;
  font-size: 20px;
  line-height: 1.1;
  font-family: Georgia Regular,"Times New Roman",Times,serif;
}
#stl-whats-new li {
  margin: 0 0 5px;
}
#stl-whats-new li {
  list-style: none;
}

/* 
-------------------------------
		Begin My Giving Journey
------------------------------- 
*/
#stl-cms .stl-journey-paths {
  /* Full width */
}
#stl-cms .stl-journey-paths > .stl-colwrap {
  display: block;
}
#stl-cms .stl-journey-paths > .stl-colwrap > div.stl-w-04 {
  width: 32%;
  margin: 0 1%;
}
#stl-cms .stl-journey-paths > .stl-colwrap > div:nth-child(1) {
  margin-left: 0;
}
#stl-cms .stl-journey-paths > .stl-colwrap > div:nth-child(11) {
  margin-right: 0;
}
@media only screen and (max-width: 960px) {
  #stl-cms .stl-journey-paths > .stl-colwrap > div.stl-w-04 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
#stl-cms .stl-journey-paths > h3 {
  display: block !important;
  text-align: center;
  color: #000;
  font-size: 33px;
  letter-spacing: -1.25px;
  margin: 0 0 18px;
  line-height: 1.1;
}
#stl-cms .stl-journey-paths > h4 {
  display: none !important;
}
#stl-cms .stl-journey-paths > p {
  display: none;
}
#stl-cms .stl-journey-paths span.stl-button {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
  border-radius: 0;
  margin: 0;
  background: #5A5A5A;
  text-align: left;
  padding: 11px 13px 12px;
  font-weight: normal;
  font-size: 18px;
}
#stl-cms .stl-journey-paths span.stl-button:after {
  content: " 			>";
}
#stl-cms .stl-journey-paths .stl-info-slider {
  position: relative;
  margin: 0;
}
#stl-cms .stl-journey-paths .stl-info-slider .stl-slider-wrap {
  min-height: 160px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
}
#stl-cms .stl-journey-paths .stl-info-slider .stl-slider-wrap ul {
  top: -250%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  padding: 6px 5px 10px;
}
#stl-cms .stl-journey-paths .stl-info-slider .stl-slider-wrap li {
  border: none;
  padding: 5px 10px 1px 10px;
  margin: 0;
}
#stl-cms .stl-journey-paths .stl-info-slider .stl-slider-wrap li a {
  color: #e28c05;
  display: inline;
}
#stl-cms .stl-journey-paths .journey-main .giving-amount-wrap .stl-info-slider .stl-slider-wrap {
  background-image: url("/Images/N/new-york-historical-society/image-giving-amount.jpg") !important;
}
#stl-cms .stl-journey-paths .journey-main .age-wrap .stl-info-slider .stl-slider-wrap {
  background-image: url("/Images/N/new-york-historical-society/image-age.jpg") !important;
}
#stl-cms .stl-journey-paths .journey-main .assets-wrap .stl-info-slider .stl-slider-wrap {
  background-image: url("/Images/N/new-york-historical-society/image-assets.jpg") !important;
}
@media only screen and (max-width: 960px) {
  #stl-cms .stl-journey-paths div.stl-info-slider div.stl-slider-wrap {
    min-height: 0;
  }
  #stl-cms .stl-journey-paths div.stl-info-slider div.stl-slider-wrap ul {
    position: relative;
    opacity: 1;
    top: 0;
    z-index: 2;
  }
}

/* pop ups */
.modal-content p.stl_JourneySubtext {
  margin: 10px 0;
}

div.stl-white-popup {
  padding: 18px 28px;
}
div.stl-white-popup h2 {
  margin: 0;
}
div.stl-white-popup p.journey, div.stl-white-popup ul.journey a {
  font-size: 13px;
}
div.stl-white-popup p.journey {
  padding: 1em 0;
  margin: 0;
}
div.stl-white-popup ul.journey {
  padding: 0;
  margin: 0 0 0 20px;
}
div.stl-white-popup li {
  list-style: disc;
  color: #e28c05;
  display: list-item;
}

#stl-cms .stl-journey-paths .journey-main .stl-info-slider:hover span.stl-button{
  background: #F7D799;
  color:#5A5A5A;
}

/* 
-------------------------------
		Not Sure How to Get Started
------------------------------- 
*/
/* questionnaire lightbox 
	 This lightbox questionnaire section can be edited as needed. But, for the most part you should
	 only need to modify the fonts and colors. The styles for this popup do not need to be inside
	 of a Media Query. It will never ber larger than its popup box and the styles should carry over
	 from mobile to desktop just fine. */
.GettingStartedPage {
  background: #fff;
}

.fancybox-close {
  margin: 22px;
}

.not-sure-where-to-being-questionnaire {
  padding: 10px 20px 20px;
  font-size: 16px;
}
.not-sure-where-to-being-questionnaire .stl-page-header {
  font-size: 30px;
  line-height: 35px;
  padding: 15px 0;
  border-bottom: 2px solid #E28C05;
}
.not-sure-where-to-being-questionnaire ul {
  margin: 10px 0px;
  list-style: none;
  padding-left: 0;
}
.not-sure-where-to-being-questionnaire ul li {
  margin: 0 0 25px;
}
.not-sure-where-to-being-questionnaire ul li.q1 > div {
  background: #E28C05;
  color: #fff;
  line-height: 1;
  border-radius: 3px;
  padding: 5px 20px 5px 33px;
  margin: 0 0 10px;
}
.not-sure-where-to-being-questionnaire ul li.q1 input[type="radio"] {
  margin-left: -23px;
  vertical-align: -1px;
}
.not-sure-where-to-being-questionnaire ul li.q1 > p {
  font-size: 19px;
  margin: 0 0 10px;
}
.not-sure-where-to-being-questionnaire ul li input {
  margin: 5px 10px;
  width: auto;
}
.not-sure-where-to-being-questionnaire p {
  margin: 0;
}

.not-sure-where-to-being-questionnaire ul > li > p, .getting-started-suggestion > p {
  font-size: 19px;
  line-height: 27px;
  border-bottom: 2px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.getting-started-suggestion ul, .getting-started-suggestion ul li {
  list-style: disc;
  margin: 0 0 5px;
  padding: 0;
}
.getting-started-suggestion ul {
  margin-left: 25px;
}

#stl-getting-started-container {
  background: #5A5A5A;
  text-align: center;
  padding: 14px 22px 18px;
}
#stl-getting-started-container h3 {
  margin: 0 0 5px;
  font-size: 11px;
  font-weight: bold;
  color: #DE8700;
  text-transform: uppercase;
  font-family: Arial,Helvetica,sans-serif;
}
#stl-getting-started-container p {
  color: #fff;
  font-size: 20px;
  line-height: 1.1;
  margin: 0 0 10px;
  font-family: Georgia Regular,"Times New Roman",Times,serif;
}
#stl-getting-started-container a {
  color: #DE8700;
}



/*
 -------------------------------
    MENU-TOP
------------------------------- 
*/
ul#nice-menu-2 {
 float: right;
}

ul#nice-menu-2 a {
 font-size: 13px;
 line-height: 20px;
 
}

ul#nice-menu-2 li a {
    background: url("/Images/N/new-york-historical-society/menu-li-bg.gif") no-repeat right 2px;
}

ul#nice-menu-2 li {
    background: #f0f3f6;
    padding: 4px;
}



/*
-------------------------------
		Main Components
------------------------------- 
*/
#main-components {
  /* Flex container element with IE9 fallback */
  box-sizing: border-box;
  /* End Flex container element */
}
@supports not (display: -webkit-box) or (display: -webkit-flex) or (display: -ms-flexbox) or (display: flex) {
  #main-components {
    /* For IE9 (even though IE9 does not support "@support", so the rest don't receive the 
    & > * { display: table-cell } which can cause problems with some of the section
    hides with "display: none;" and "display: block;"). */
    display: table;
    border-collapse: separate;
    border-spacing: 0 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    table-layout: fixed;
  }
  @media only screen and (min-width: 961px) {
    #main-components > * {
      display: table-cell;
      vertical-align: top;
    }
    #main-components:before, #main-components:after {
      content: none;
    }
  }
}
@supports (display: -webkit-box) or (display: -webkit-flex) or (display: -ms-flexbox) or (display: flex) {
  #main-components {
    /* For all others browsers */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #main-components > div {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 0;
    min-width: 50%;
  }
}
#main-components > div {
  /* For ALL browsers */
  float: none;
  width: auto;
}
@media only screen and (max-width: 960px) {
  #main-components {
    /* Flex element to block and full width for tablet/mobile */
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #main-components > div {
    width: 100%;
    margin: 0 0 0;
  }
  #main-components > div:first-child {
    margin-top: 0;
  }
}
#main-components h3 {
  margin: 0 0 5px;
  font-size: 11px;
  font-weight: bold;
  color: #e28c05;
  text-transform: uppercase;
  font-family: Arial,Helvetica,sans-serif;
}
#main-components #simplest-way {
  background: url("/Images/N/new-york-historical-society/promo-will.jpg") right bottom no-repeat;
  background-size: cover;
  border-right: 1px solid #BABABA;
  height: 199px;
}
#main-components #simplest-way p {
  font-size: 20px;
  color: #626262;
  line-height: 1.1;
  margin: 0 0 10px;
  font-family: Georgia Regular,"Times New Roman",Times,serif;
}
@media only screen and (max-width: 960px) {
  #main-components #simplest-way {
    border-right: none;
    border-bottom: none;
  }
}
#main-components > div {
  padding: 12px 18px;
  border-top: 1px solid #BABABA;
  border-bottom: 1px solid #BABABA;
}

/*

************************************************************************************************************
//////////////////////     Sub-Page
************************************************************************************************************

*/
/* -------------------------------
		Videos
------------------------------- */
#video-learn-container {
  /* Flex container element with IE9 fallback */
  box-sizing: border-box;
  /* End Flex container element */
}
@supports not (display: -webkit-box) or (display: -webkit-flex) or (display: -ms-flexbox) or (display: flex) {
  #video-learn-container {
    /* For IE9 (even though IE9 does not support "@support", so the rest don't receive the 
    & > * { display: table-cell } which can cause problems with some of the section
    hides with "display: none;" and "display: block;"). */
    display: table;
    border-collapse: separate;
    border-spacing: 20px 0;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
  }
  @media only screen and (min-width: 961px) {
    #video-learn-container > * {
      display: table-cell;
      vertical-align: top;
    }
    #video-learn-container:before, #video-learn-container:after {
      content: none;
    }
  }
}
@supports (display: -webkit-box) or (display: -webkit-flex) or (display: -ms-flexbox) or (display: flex) {
  #video-learn-container {
    /* For all others browsers */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
  }
  #video-learn-container > div {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 0 10px;
  }
}
#video-learn-container > div {
  /* For ALL browsers */
  float: none;
  width: auto;
}
@media only screen and (max-width: 960px) {
  #video-learn-container {
    /* Flex element to block and full width for tablet/mobile */
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #video-learn-container > div {
    width: 100%;
    margin: 30px 0 0;
  }
  #video-learn-container > div:first-child {
    margin-top: 0;
  }
}

#stl-video-container {
  min-width: 550px;
}
@supports (display: -webkit-box) or (display: -webkit-flex) or (display: -ms-flexbox) or (display: flex) {
  #stl-video-container {
    min-width: 66%;
  }
}
@media only screen and (max-width: 960px) {
  #stl-video-container {
    min-width: 0;
  }
}

#stl-fund-it-container {
  min-width: 250px;
}
@supports (display: -webkit-box) or (display: -webkit-flex) or (display: -ms-flexbox) or (display: flex) {
  #stl-fund-it-container {
    min-width: 30%;
  }
}
@media only screen and (max-width: 960px) {
  #stl-fund-it-container {
    min-width: 0;
  }
}

#stl-cms .see-how-it-works h3 {
  display: none;
}
#stl-cms .see-how-it-works .video-container {
  margin: 0;
}

/* 
-------------------------------
		Case Study
------------------------------- 
*/
#stl-cms .case-study p.stl-footnote, #charitable-gift-annuities-page .stl_caseStudyBody > p:last-of-type, #beneficiary-designations-page .stl_caseStudyBody > p:last-of-type, #charitable-remainder-trusts-page .stl_caseStudyBody > p:last-of-type, #charitable-lead-trusts-page .stl_caseStudyBody > p:last-of-type {
  font-size: 85%;
  color: inherit;
}
#stl-cms .case-study p.stl-footnote small, #charitable-gift-annuities-page .stl_caseStudyBody > p:last-of-type small, #beneficiary-designations-page .stl_caseStudyBody > p:last-of-type small, #charitable-remainder-trusts-page .stl_caseStudyBody > p:last-of-type small, #charitable-lead-trusts-page .stl_caseStudyBody > p:last-of-type small {
  font-size: inherit;
}

/* 
-------------------------------
		Learn How to Fund It
------------------------------- 
*/
#stl-fund-it-container .learn-how-to-fund {
  padding: 20px 0;
}
#stl-fund-it-container .learn-how-to-fund h3 {
  margin: 0 0 5px;
  font-size: 11px;
  font-weight: bold;
  color: #e28c05;
  text-transform: uppercase;
  font-family: Arial,Helvetica,sans-serif;
  text-align: left;
  border-bottom: 1px dotted #afafaf;
}
#stl-fund-it-container .learn-how-to-fund p {
  display: none;
}
#stl-fund-it-container .learn-how-to-fund ul {
  padding: 0;
  margin: 10px 0;
}
#stl-fund-it-container .learn-how-to-fund li {
  display: inline-block;
  margin: 0 0 5px;
  min-width: 49%;
  vertical-align: top;
  box-sizing: border-box;
}
@media only screen and (max-width: 960px) {
  #stl-fund-it-container .learn-how-to-fund li {
    width: 100%;
  }
}

#for-professional-advisors-page #stl-fund-it-container .learn-how-to-fund, #cash-page #stl-fund-it-container .learn-how-to-fund, #tangible-personal-property-page #stl-fund-it-container .learn-how-to-fund, #memorials-and-tribute-gifts-page #stl-fund-it-container .learn-how-to-fund, #bank-or-brokerage-accounts-page #stl-fund-it-container .learn-how-to-fund, #commercial-annuities-page #stl-fund-it-container .learn-how-to-fund, #appreciated-securities-page #stl-fund-it-container .learn-how-to-fund, #closely-held-stock-page #stl-fund-it-container .learn-how-to-fund, #charitable-remainder-trusts-page #stl-fund-it-container .learn-how-to-fund, #endowed-gifts-page #stl-fund-it-container .learn-how-to-fund, #donor-advised-funds-page #stl-fund-it-container .learn-how-to-fund, #charitable-lead-trusts-page #stl-fund-it-container .learn-how-to-fund {
  padding: 0;
}

/* 
-------------------------------
		Gift Illustrator
------------------------------- 
*/
#stl-cms .stl-gift-illustrator-row {
  background: url("/Images/N/new-york-historical-society/promo-calculate.jpg") right bottom no-repeat #fff;
  background-size: contain;
}
#stl-cms .stl-gift-illustrator-row h3 {
  margin: 0 0 5px;
  font-size: 11px;
  font-weight: bold;
  color: #e28c05;
  text-transform: uppercase;
  font-family: Arial,Helvetica,sans-serif;
}
#stl-cms .stl-gift-illustrator-row p {
  margin: 0;
}
#stl-cms .stl-gift-illustrator-row .lightbox {
  display: inline-block;
  margin: 8px 0 0;
}
@media only screen and (max-width: 960px) {
  #stl-cms .stl-gift-illustrator-row {
    background: #fff;
  }
}

/* 
-------------------------------
		PEPK Pullout
------------------------------- 
*/
#stl-cms .stl-pepc-promo {
  margin: 25px 0 55px;
  position: relative;
  padding: 12px 20px 16px 160px;
  background: #FEEFC6;
}
#stl-cms .stl-pepc-promo p:first-child {
  display: block;
}
#stl-cms .stl-pepc-promo img {
  display: block;
  position: absolute;
  top: -28px;
  bottom: -20px;
  left: 22px;
  width: 120px;
}
#stl-cms .stl-pepc-promo h3 {
  margin: 0 0 5px;
  font-size: 11px;
  font-weight: bold;
  color: #504D4A;
  text-transform: uppercase;
  font-family: Arial,Helvetica,sans-serif;
}
#stl-cms .stl-pepc-promo a.stlButton {
  font-family: inherit;
  color: #e28c05;
  text-transform: none;
  font-size: inherit;
  font-weight: normal;
}
#stl-cms .stl-pepc-promo a.stlButton:after {
  content: none;
}
@media only screen and (max-width: 960px) {
  #stl-cms .stl-pepc-promo {
    margin: 0 0 30px;
    padding-left: 20px;
  }
  #stl-cms .stl-pepc-promo img {
    display: none;
  }
}

/* -------------------------------
		Next Steps
------------------------------- */
.next-steps.row {
  margin: 0;
  /* Fix left and right margins by overriding bootstrap css */
}
.next-steps h3.visible-xs.hidden-lg {
  display: none !important;
}
.next-steps h3.next-steps-head.hidden-xs.visible-md.visible-lg {
  display: block !important;
}

#stl-next-steps-container ol {
  padding: 0;
  counter-reset: item;
}
#stl-next-steps-container ol li {
  list-style: none;
  text-indent: -0.9em;
  padding-left: 0.9em;
}
#stl-next-steps-container ol li > span {
  text-indent: 0;
}
#stl-next-steps-container ol li:before {
  content: counter(item) ". ";
  counter-increment: item;
  font-weight: bold;
  color: #60605b;
}
#stl-next-steps-container ol li {
  margin-bottom: 10px;
}
#stl-next-steps-container ol {
  margin-left: 0;
}

/* -------------------------------
		Hide Empty Containers
------------------------------- */
body[id*=".xml"] #stl-pepk-container {
  display: block;
}

div#stl-pepk-container {
  display: none;
}

#tangible-personal-property-page #video-learn-container, #tangible-personal-property-page #illustrator-ebro-container, #closely-held-stock-page #video-learn-container, #closely-held-stock-page #illustrator-ebro-container {
  display: none;
}

#stl-video-container:empty, #stl-fund-it-container:empty, #stl-gift-illustrator-container:empty, #stl-pepk-container:empty {
  display: none;
}

#for-professional-advisors-page .case-study, #retirement-plan-assets-page .case-study, #life-insurance-page .case-study, #cash-page .case-study, #tangible-personal-property-page .case-study, #bank-or-brokerage-accounts-page .case-study, #commercial-annuities-page .case-study, #appreciated-securities-page .case-study, #closely-held-stock-page .case-study, #personal-estate-planning-kit-page .case-study {
  display: none;
}

#for-professional-advisors-page #stl-video-container, #cash-page #stl-video-container, #tangible-personal-property-page #stl-video-container, #memorials-and-tribute-gifts-page #stl-video-container, #bank-or-brokerage-accounts-page #stl-video-container, #commercial-annuities-page #stl-video-container, #appreciated-securities-page #stl-video-container, #closely-held-stock-page #stl-video-container, #charitable-remainder-trusts-page #stl-video-container, #endowed-gifts-page #stl-video-container, #donor-advised-funds-page #stl-video-container, #charitable-lead-trusts-page #stl-video-container {
  display: none;
}

#real-estate-page .fund-it, #for-professional-advisors-page .fund-it, #retirement-plan-assets-page .fund-it, #life-insurance-page .fund-it, #cash-page .fund-it, #tangible-personal-property-page .fund-it, #bank-or-brokerage-accounts-page .fund-it, #commercial-annuities-page .fund-it, #appreciated-securities-page .fund-it, #closely-held-stock-page .fund-it, #personal-estate-planning-kit-page .fund-it {
  display: none;
}

#wills-and-living-trusts-page .stl-gift-illustrator-row, #beneficiary-designations-page .stl-gift-illustrator-row, #memorials-and-tribute-gifts-page .stl-gift-illustrator-row, #real-estate-page .stl-gift-illustrator-row, #endowed-gifts-page .stl-gift-illustrator-row, #donor-advised-funds-page .stl-gift-illustrator-row, #for-professional-advisors-page .stl-gift-illustrator-row, #retirement-plan-assets-page .stl-gift-illustrator-row, #life-insurance-page .stl-gift-illustrator-row, #tangible-personal-property-page .stl-gift-illustrator-row, #bank-or-brokerage-accounts-page .stl-gift-illustrator-row, #commercial-annuities-page .stl-gift-illustrator-row, #closely-held-stock-page .stl-gift-illustrator-row, #personal-estate-planning-kit-page .stl-gift-illustrator-row {
  display: none;
}

/* eBrochure Pullouts - hide ebrochure pullouts on pages that don't have ebrochures */
/* -------------------------------
		Popup Forms
------------------------------- */
@media only screen and (min-width: 768px) {
  .popup-form {
    background: #FFF;
    margin: 40px auto;
    padding: 20px 30px;
    text-align: left;
    max-width: 450px;
    position: relative;
  }

  #brochureform, #DCGAbrochureform, .white-popup-block {
    position: relative;
    background: #FFF;
    margin: 0 auto;
    text-align: left;
    max-width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
}

#brochureform .stlButton, #DCGAbrochureform .stlButton, #PEPCForm .stlButton {
  color:#DF8C05;
}

.mfp-content {
  border-radius: 5px;
}

.white-popup-block {
  padding: 26px 30px 28px;
  border-radius: 5px;
}
.white-popup-block p {
  margin: 0 0 17px;
  padding: 0;
  line-height: 1;
  font-size: 13px;
}
.white-popup-block .stlButton {
  width: 100%;
  margin-bottom: -19px;
  padding-left: 70px;
  padding-right: 70px;
}
.white-popup-block > p:nth-child(1) {
  margin-right: 5%;
  margin-top: -4px;
}

.white-popup-block input[type="text"], .white-popup-block input[type="email"], #stl-contact-form input[type="text"], #stl-contact-form input[type="email"], #stl-contact-form textarea {
  /* Styling popup forms but also Contact page */
  width: 100%;
  height: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: Georgia, "Times New Roman", Times, serif;
  border: 1px solid #8D8D8D;
  border-radius: 0;
  margin: 0;
  padding: 5px;
  font-size: 13px;
}

/* -------------------------------
		DCGA Pullout (CGA Page Only)
------------------------------- */
#dcga-container {
  clear: both;
  margin: 30px 0 0;
  padding: 12px 20px 16px;
  background: #FEEFC6;
}
#dcga-container h3 {
  margin: 0 0 5px;
  font-size: 11px;
  font-weight: bold;
  color: #504D4A;
  text-transform: uppercase;
  font-family: Arial,Helvetica,sans-serif;
}
#dcga-container p {
  color: #626262;
}

/* -------------------------------
		eBrochure pullouts 
------------------------------- */
#stl-cms .eBrochure {
  float: none !important;
  background: #F5F5F5;
  border-right: 1px solid #BABABA;
}
#stl-cms .eBrochure h4 {
  margin: 0 0 5px;
  font-size: 11px;
  font-weight: bold;
  color: #e28c05;
  text-transform: uppercase;
  font-family: Arial,Helvetica,sans-serif;
}
#stl-cms .eBrochure p {
  font-size: 20px;
  color: #626262;
  line-height: 1.1;
  margin: 0 0 10px;
  font-family: Georgia Regular,"Times New Roman",Times,serif;
}
@media only screen and (max-width: 960px) {
  #stl-cms .eBrochure {
    border-right: none;
    border-bottom: none;
  }
}

#real-estate-page .eBrochure {
  margin: 20px 0 35px;
}

/* -------------------------------
		Real Estate Page
------------------------------- */
.reg-toggle-container {
  margin: 10px 0;
}

.stl-colwrap .reg-toggle-box, .reg-toggle-box {
  cursor: pointer;
  min-height: 35px;
  padding-right: 55px;
  position: relative;
  display: block;
  text-align: left;
}
.stl-colwrap .reg-toggle-box:after, .reg-toggle-box:after {
  content: none;
}
.stl-colwrap .reg-toggle-box span.toggle-span, .reg-toggle-box span.toggle-span {
  position: absolute;
  display: block;
  width: 28px;
  height: 28px;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  font-weight: bold;
  text-align: center;
  line-height: 3px;
}
.stl-colwrap .reg-toggle-box span.toggle-span:before, .reg-toggle-box span.toggle-span:before {
  content: " ";
}

.reg-content {
  display: none;
  margin: -10px 0 20px;
}

.reg-content a.stlButton {
  background-color: #FF9514;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9514), to(#D37C14));
  background-image: -webkit-linear-gradient(top, #FF9514, #D37C14);
  background-image: linear-gradient(top, #FF9514, #D37C14);
  padding: 3px 25px 3px 9px;
  color: #fff;
  border-radius: 10px;
  text-decoration: none;
  position: relative;
}
.reg-content a.stlButton:before {
  content: " ";
  display: block;
  position: absolute;
  width: 10px;
  right: 9px;
  top: 0;
  bottom: 0;
  background: url("/Images/N/new-york-historical-society/arrow_white.png") right center no-repeat;
}
.reg-content a.stlButton:after {
  content: none;
}
.reg-content a.stlButton:hover {
  color: #fff;
  text-decoration: none;
}

.reg-content > p:last-child, #real-estate-page .reg-content > p:last-child a {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .reg-content .stlButton {
    width: 25%;
  }
}
/* -------------------------------
		Definition Flyovers
------------------------------- */
.popup-flyover {
  display: none;
  font-family: Georgia, "Times New Roman", Times, serif;
  border: 1px solid grey;
  color: #E28C05;
  top: 16px;
  margin: 0;
}
.popup-flyover:after {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  line-height: 0.8;
  background-color: #fff;
  top: -8px;
  right: -8px;
}
@media only screen and (max-width: 767px) {
  .popup-flyover {
    width: auto;
  }
  .popup-flyover:after {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}

.popup-flyover span.toolH3:empty {
  display: none;
}

.popup-flyover span.toolH3, #stl-cms .popup-flyover span.toolH3 {
  font-size: 125%;
  margin-bottom: 10px;
}

.popup-flyover p, #stl-cms .popup-flyover p {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 13px;
  color: #60605b;
}

/* -------------------------------
		Contact Us Page
------------------------------- */
.stl_ContactInfo {
  margin-bottom: 20px;
}

.stl_ContactName {
  font-weight: bold;
}

.stl_ContactTitle {
  font-style: italic;
  display: inline-block;
}

.stl_ContactAddress {
  display: inline-block;
}

/* form */
#stl-contact-form label[for="comments"] {
  margin-bottom: -10px;
}

@media only screen and (min-width: 960px) {
  #stl-contact-form input[type="text"], #stl-contact-form input[type="email"], #stl-contact-form textarea {
    width: 50%;
  }
}
/* -------------------------------
		PEPC Download Page
------------------------------- */
#bymail {
  /* Hides bymail option until selected */
  display: none;
  margin: 10px 0 30px 0;
}

#pepc {
  margin-top: 18px;
}

.notes {
  color: #f00;
}

#lessonBook, #recordBook {
  width: 47%;
  text-align: center;
}
#lessonBook .bookTxt, #recordBook .bookTxt {
  text-align: left;
}

#lessonBook {
  float: left;
}

#recordBook {
  float: right;
}

.lrgBookImg {
  display: inline-block;
  height: auto;
  max-width: 230px;
  margin: 22px auto;
}

.bigNumber {
  background: #999;
  text-align: center;
  font: bold 20px/20px Arial, Helvetica, sans-serif;
  color: #FFF !important;
  height: 30px;
  width: 24px;
  float: left;
  margin: 4px 10px 0 0;
  padding: 5px 3px;
}

.lrgBookImg {
  margin-left: -8px;
  margin-bottom: 10px;
}

/* clearff */
.clearff:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearff {
  zoom: 1;
}

/* IE6 */
*:first-child + html .clearff {
  zoom: 1;
}

/*

************************************************************************************************************
//////////////////////     Gift Exclusions
************************************************************************************************************

*/
/* Appreciated Securities
.ge-as {display:none !important; visibility:hidden !important;}*/
/* Bargain Sale 
.ge-bs {display:none !important; visibility:hidden !important;} */
/* Charitable Gift Annuities  */
.ge-cga {
  display: none !important;
  visibility: hidden !important;
}

/* Charitable Remainder Trust 
.ge-crt {display:none !important; visibility:hidden !important;}*/
/* Charitable Lead Trust 
.ge-clt {display:none !important; visibility:hidden !important;}*/
/* Charitable Remainder Unitrust 
.ge-crut {display:none !important; visibility:hidden !important;}*/
/* Deferred Charitable Gift Annuities 
.ge-dcga {display:none !important; visibility:hidden !important;}*/
/* Donor Advised Funds 
.ge-daf {display:none !important; visibility:hidden !important;}*/
/* Endowed Gift 
.ge-endow {display:none !important; visibility:hidden !important;}*/
/* life insurance
.ge-li {display:none !important; visibility:hidden !important;}*/
/* Memorial Gift 
.ge-mem {display:none !important; visibility:hidden !important;}*/
/* Real Estate 
.ge-re {display:none !important; visibility:hidden !important;}*/
/* Retained Life Estate 
.ge-rle {display:none !important; visibility:hidden !important;}*/
/* securities 
.ge-sec {display:none !important; visibility:hidden !important;}*/
/* tangible personal property 
.ge-tpp {display:none !important; visibility:hidden !important;}*/


#header .pane-nice-menus-1 ul.nice-menu li a:hover, #header .pane-nice-menus-1 ul.nice-menu li a.active, #header .pane-nice-menus-1 ul.nice-menu li.over a, #header .pane-nice-menus-1 ul.nice-menu .menuparent.active-trail a {height: 30px !important;}

#nice-menu-2 > li > ul > li > a {height: 22px !important;}

#nice-menu-2 > li > a {height: initial !important}

#header .pane-nice-menus-1 ul.nice-menu-down .menuparent ul ul {left: 218px;}

#header .pane-nice-menus-1 ul.nice-menu-down .menuparent ul li a:hover {height: auto !important;}

#feature_slider .carousel-wrap ul li .description {height: 400px !important}

#header .pane-nice-menus-2 ul.nice-menu a {border-right: 0 !important}

#header .pane-nice-menus-1 ul.nice-menu-down .menuparent ul ul {left: 218px !important}