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

	Date: 09/06/18
	Site: Feeding America r1, a0010719
	Web Designer: Melissa Anderegg
	
	Last Modified By: Web Designer	--  MM/DD/YY	--  modifications

	Client Breakpoints: 
*/

/*
=============================================================================================================
		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. Default media query breakpoints are 576px, 768px and 992px, but match client breakpoints if different.

	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.

	This stylesheet contains most common ids/classes you will need. Place your styles within as many of
	these default ids/classes as possible for your site. This will speed up development and increase consistency across sites. There is also excess styling in this stylesheet to speed the initial styling step. You may remove any styles that aren't needed for your site. For example, journey section styling includes styling for slider journeys as well as drop-down journeys. You would remove the one that isn't needed.

	Flex reminders:
	- Flex shorthand: IE flex defaults to flex:1 0 auto, but other browsers default to flex:0 1 auto, so declare your chosen flex sizing on child elements of parents with display:flex to normalize across browsers.

	Do not use the home page id when styling. Instead use .home-page class to style specifically for
	components on the home page.

============================================================================================================*/

/*************************************************************************************************************
//////////////////////     Base
*************************************************************************************************************/
	img {max-width:100%; height:auto;} /* Makes images responsive */
	.hidden{display:none!important; visibility:hidden!important}
	div.stl-colwrap, .stl-center div.row, .stl-center div.row > div {margin:0;}
		div.stl-colwrap:after, div.row:after {content: " ";line-height:0 !important;}
		.iconR {margin:0;padding:0;float:none;}

	/* Apply border-box to all content */
	*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

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

    .stl-header {text-align:center; background:#f1f0f0; padding:40px 0 20px; margin-bottom:50px;}
    .stl-header h1 {display:none;}
        .home-page .stl-header {background:#fff; padding:0; margin-bottom:0;}
        .home-page .stl-header h1 {display:block;}

    .container {width:100%; max-width:980px; margin:0 auto; padding:0 20px;}
    @media only screen and (min-width:992px) {
        .container {padding:0;}
    }

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

/*  Structure
  -------------------------------------------------------*/
	body {font-family:"Gotham A","Gotham B",Arial,sans-serif; font-size:14px; line-height:1.5; color:#333; margin:0;}
		/* Inner page wrapper - wraps entire site be default (see default page layout above) - Set background, positioning, etc as necessary */
		#stl-cms {background:transparent; padding:0; position:relative;}
		/* Main container element - may be used to restrict template to a specified width */
		#stl-main-content {display:block;}
		
	body {overflow: -moz-scrollbars-none; -ms-overflow-style: none;}
	::-webkit-scrollbar {width:0 !important;}


/*  Typography
  -------------------------------------------------------*/
	/* Links/Buttons */
	.sub-middle-section a {text-decoration:none; color:#E98300;}
	.sub-middle-section a:hover, .sub-middle-section a:focus {color:#333;}

	#stl-cms .stlButton, .stlButton, #stl-gift-illustrator-container a.lightbox {
		font-size:18px; 
		font-weight:normal; 
		color:#fff; 
		background-color:#53682b; 
		border:none; 
		border-radius:0; 
		padding:10px 20px; 
		margin:0 auto; 
		opacity:1; 
		text-decoration:none; 
        text-transform:uppercase;
		width:auto; 
		-webkit-transition:0.2s ease; -moz-transition:0.2s ease; transition:0.2s ease;
	}
	#stl-cms .stlButton:hover, #stl-cms .stlButton:focus, .stlButton:hover, .stlButton:focus, #stl-gift-illustrator-container a.lightbox:hover, #stl-gift-illustrator-container a.lightbox:focus {opacity:.8;}

	/* General Content */
	.sub-middle-section p, .sub-middle-section table, .sub-middle-section tr, .sub-middle-section td, .sub-middle-section form, .sub-middle-section label, .sub-middle-section blockquote {}
	.sub-middle-section p, .sub-middle-section table, .sub-middle-section form, .sub-middle-section blockquote {}

	.stl-copyright {padding:30px 0;}
	.sub-middle-section .stl-copyright p {}

	/* Match the color, margins/padding, font size, etc... to the client's site for all headers */
	/* Headings Reset */
	h1, .h1 {font-weight:500; font-size:30px; line-height:34px;}
	.stl-page-header {} /* not always used */
	.stl-page-title {color:#53682b; font-size:35px; font-weight:500; line-height:38px; margin-bottom:10px;}
	.stl-page-subtitle {margin-top:0;}
	.sub-middle-section h3 {font-weight:500;}
    .main-copy h2, .main-copy .h2 {font-weight:500; font-size:26px; line-height:30px;}
    .main-copy h3, .main-copy .h3 {font-weight:500; font-size:22px; line-height:26px;} /* Style default h2 and h3 for articles. Override on interior pages with specific classes */
	.main-copy h4, .main-copy .h4 {font-weight:500; font-size:20px; line-height:24px;} 

	/* Lists */
	.sub-middle-section ul, .sub-middle-section ol {}
		.sub-middle-section li {}

	.main-copy ol {margin:0 0 20px 30px; padding:0;}
	.main-copy ul {margin:0 0 20px 30px; padding:0;}
	.main-copy ol li {list-style:decimal;}
	.main-copy ul li {}
	.main-copy p + ul, .main-copy p + ol {}
	.main-copy .stl-checklist li {list-style-image: none; list-style: none;}
	.main-copy .stl-checklist li:before {content: ''; height: 13px; width: 13px; display: inline-block; border: 1px solid #333; margin-right: 7px; margin-left: -20px; }


/*  Left/Right/Top Navigation
  -------------------------------------------------------*/
	#stl-cms ul#rightnav {margin:0; border:none;}
	#stl-cms ul#rightnav li {}
	#stl-cms ul#rightnav li a {border:none;}
	#stl-cms ul#rightnav li.sectionhome {}
	#stl-cms ul#rightnav li.sectionhome a {}
	#stl-cms ul#rightnav li.onTrail {}
	#stl-cms ul#rightnav li.onTrail > a {}
	#stl-cms ul#rightnav li.onTrail > ul {}
	#stl-cms ul#rightnav li.onTrail > ul > li {}
	#stl-cms ul#rightnav li.onTrail > ul > li a {}

	#stl-cms ul#rightnav li a:hover, #stl-cms ul#rightnav li a:focus {}
	#stl-cms ul#rightnav li.sectionhome a:hover, #stl-cms ul#rightnav li.sectionhome a:focus {}
	#stl-cms ul#rightnav li.onTrail > a:hover, #stl-cms ul#rightnav li.onTrail > a:focus {}
	#stl-cms ul#rightnav li.onTrail > ul > li a:hover, #stl-cms ul#rightnav li.onTrail > ul > li a:focus {}

    #stl-navigation {display:flex; flex-wrap:wrap;}
    #stl-navigation .nav-section {/*width:100%;*/ width:calc(50% - 20px); margin:0 10px;}
    .stl-header h1 {font-weight:normal;}
        #stl-navigation ul {padding-left:0;}
        #stl-navigation ul li {list-style:none; padding:3px 0;}
        .home-page #stl-navigation ul li.hide-homepage {display:none; visibility:hidden;}
        #stl-navigation ul li a {text-decoration: none; color:#E98300;}
        #stl-navigation ul li a:after {content:"\203A"; display:inline-block; margin-left:5px;}
        #stl-navigation ul li a:hover, #stl-navigation ul li a:focus {color:#333;}

    @media screen and (min-width:768px) {
        #stl-navigation .nav-section {width:50%; margin:0;}
        
        .stl-header .container {padding:0 5px;}
        #stl-navigation ul {margin-top:0;}
        .stl-header h1 {font-size:24px;}
    }
    @media screen and (min-width:992px) {
        #stl-navigation .nav-section {width:25%;}
    }

/*  Breadcrumbs/Share
  -------------------------------------------------------*/
    #stl-breadcrumb-container {margin-bottom:20px;}

	#stl-cms ol.breadcrumb {display:block; width:100%; clear:both; float:none; margin:0;}
	#stl-cms ol.breadcrumb li {}
    #stl-cms ol.breadcrumb li:after {content:" \203A ";}
	#stl-cms ol.breadcrumb li a {}
	#stl-cms ol.breadcrumb li.current {}
    #stl-cms ol.breadcrumb li.current:after {display:none;}
	/* To Override Breadcrumb separators
	.breadcrumb > li + li:before {content:"\00bb"; padding:0 3px; color:#CCC;} */

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

/*  Banner
  -------------------------------------------------------*/
    #stl-banner {position:relative;}
    #stl-banner img {width:100%; display:none;}
    #stl-banner .banner-img {display:block; min-height:320px; background-image:url(css-images/masthead-homepage.jpg); background-position:right -104px center; background-repeat: no-repeat; background-size:cover;}
    #stl-banner .container {padding:0;}
    #stl-banner #stl-page-copy-container {/*background:#dedede;*/ background:#333; color:#fff; padding:30px; max-width:100%;}
    #stl-banner .stl-page-title {color:inherit; margin-bottom:30px;}
    #stl-banner .more {display:none;}
        #stl-banner .more:hover, #stl-banner .more:focus {cursor:pointer;}

    @media screen and (max-width:480px) {
        #stl-banner .more {display:block; position:absolute; left:0; right:0; text-align:center;}
    }
    @media screen and (max-width:768px) {
        #stl-banner #stl-page-copy-container {padding:20px;}
        #stl-banner .stl-page-title {font-size:30px; margin-top:0;}
    }
    @media screen and (min-width:769px) {
        #stl-banner img {display:block;}
        #stl-banner .banner-img {height:0; width:100%; padding-top:25%; display:none;}
        
        #stl-banner .container {position:absolute; top:50%; transform:translateY(-50%); left:0; right:0;}
        #stl-banner #stl-page-copy-container {background:rgba(0,0,0,.7); color:#fff;}
        #stl-banner .stl-page-title {color:#fff;}
    }
    @media screen and (min-width:992px) {
        #stl-banner #stl-page-copy-container {/*max-width:475px;*/ max-width:515px;}
    }

/*  Let Us Know
  -------------------------------------------------------*/
    #let-us-know-container {background:#dedede; padding:40px; overflow:auto;}
    #let-us-know-container .container {max-width:865px;}
    #let-us-know-container h3 {font-size:26px; line-height:30px;}

    @media screen and (max-width:767px) {
        #let-us-know-container {padding:20px 5px 30px; text-align:center;}
        #let-us-know-container h3 {margin-top:12px;}
    }

    @media screen and (min-width:768px) {
        #let-us-know-container img {float:left; margin-right:45px;}
        
        #let-us-know-container h3 {padding-top:45px; margin-top:0;}
    }
    @media screen and (min-width:768px) and (max-width:800px) {
        #let-us-know-container img {max-width:300px;}
        #let-us-know-container h3 {padding-top:15px;}
    }

/*  Get Started / What's New
  -------------------------------------------------------*/
    #get-started-whats-new-container {background:#fafafa; border-top:1px solid #dedede; border-bottom:1px solid #dedede; margin:30px 0 0 0;}
    #get-started-whats-new-container h3 {margin-bottom:30px; font-size:24px; line-height:28px;}
    #get-started-whats-new-container a:after {content:"\203A"; display:inline; margin-left:5px;}
    #get-started-whats-new-container .container {padding:0;}
    #get-started-whats-new-container .container > div {padding:20px 30px;}
    #get-started-whats-new-container .container > div + div {border-top:1px solid #dedede;}

    @media screen and (min-width:768px) {
        #get-started-whats-new-container .container {display:flex;}
        #get-started-whats-new-container .container > div {width:50%;}
        #get-started-whats-new-container .container > div + div {border-left:1px solid #dedede; border-top:0; padding-left:40px;}
    }

/*  Subpage Features
  -------------------------------------------------------*/
    #subpage-features-container {background:#fafafa; border-top:1px solid #dedede; border-bottom:1px solid #dedede; margin-bottom:30px;}
    #subpage-features-container h3 {margin-bottom:30px; font-size:24px; line-height:28px;}
    #subpage-features-container a:after {content:"\203A"; display:inline-block; margin-left:5px;}
    #subpage-features-container .container {padding:0;}
    #subpage-features-container .container > div {padding:20px 30px;}
    #subpage-features-container .container > div + div {border-top:1px solid #dedede;}

    @media screen and (min-width:768px) {
        #subpage-features-container .container {display:flex;}
        #subpage-features-container .container > div {width:50%;}
        #subpage-features-container .container > div + div {border-left:1px solid #dedede; border-top:0; padding-left:50px;}
    }

    #ira-charitable-rollover-page #subpage-features-container, #for-professional-advisors-page #subpage-features-container, #personal-estate-planning-kit-page #subpage-features-container, #bank-or-brokerage-accounts-page #subpage-features-container, #commercial-annuities-page #subpage-features-container, #life-insurance-page #subpage-features-container, #tangible-personal-property-page #subpage-features-container, #retirement-plan-assets-page #subpage-features-container, #closely-held-stock-page #subpage-features-container, #thank-you-page #subpage-features-container {display:none;}


/*  What's New
  -------------------------------------------------------*/
	.stl-top {}
	.hotnews {width:100%; margin:0; float:none;}
		#stl-whats-new {border:none; padding:0;}
			#stl-whats-new h3.stl-whats-new-title {text-align:left;}
			#stl-whats-new ul {margin:0; padding:0; list-style-type:none;}
			#stl-whats-new li {margin:0 0 5px; list-style-type:none; }
			#stl-whats-new li a {}
			#stl-whats-new li a:hover, #stl-whats-new li a:focus {}
			#stl-whats-new a.stl-wn-view-more {display:inline-block; display:none; margin:0; padding:0;}
			#stl-whats-new a.stl-wn-view-more:hover, #stl-whats-new a.stl-wn-view-more:focus {}

	@media only screen and (min-width:768px) {
		.hotnews {}
	}


/*  Begin My Giving Journey
  -------------------------------------------------------*/
    #stl-journey-container {background-color:#53682b; text-align:center;}
    #stl-journey-container img {display:none;}

	.stl-white-popup {padding:25px;}
		.stl-white-popup h2 {margin:10px 0;}
		.stl-white-popup p {margin:0 0 10px;}
		.stl-white-popup ul {margin:0 0 0 17px; padding:0;}
		.stl-white-popup li {margin-bottom:5px;}
		.stl-white-popup a {}
		.stl-white-popup a:hover, .stl-white-popup a:focus {}

		#stl-cms .stl-journey-paths {margin:0 auto 40px; max-width:1300px;}
		#stl-cms .stl-journey-paths > h3 {display:block !important; color:#fff; font-size:35px; margin-bottom:20px;}
		#stl-cms .stl-journey-paths > h4 {display:none !important;}
		#stl-cms .stl-journey-paths > p {color:#fff; font-size:20px; margin-bottom:30px;}

		#stl-cms .stl-journey-paths div.stl-colwrap div.stl-col.stl-w-04 {width:100%; margin:0 0 15px;}

		#stl-cms p.stl-heading-text {}

		#stl-cms div.stl-info-slider {margin:0;}
		#stl-cms div.stl-info-slider .stl-button {margin:0; opacity:1;}
		#stl-cms .giving-amount-wrap div.stl-info-slider .stl-button {}
		#stl-cms .age-wrap div.stl-info-slider .stl-button {}
		#stl-cms .assets-wrap div.stl-info-slider .stl-button {}

		/* Journey with slider */
		#stl-cms div.stl-info-slider div.stl-slider-wrap {margin:0;}
		#stl-cms div.stl-info-slider div.stl-slider-wrap ul {padding:15px;}
		#stl-cms div.stl-info-slider div.stl-slider-wrap ul li {border:none; padding:0;}
		#stl-cms div.stl-info-slider div.stl-slider-wrap ul li a {padding:3px 0;}

		/* Journey with drop down */
		#stl-cms div.stl-drop-down div.stl-drop-wrap {}
		#stl-cms div.stl-drop-down div.stl-drop-wrap ul {}
		#stl-cms div.stl-drop-down div.stl-drop-wrap ul li {}
		#stl-cms div.stl-drop-down div.stl-drop-wrap ul li a {}

        /* Journey always visible */
        #stl-journey-container h4 {color:#fff; text-transform:uppercase; font-weight:bold; font-size:20px; margin-bottom:5px;}
        #stl-journey-container ul {list-style:none; padding-left:0; margin:0;}
        #stl-journey-container ul li {padding:2px 0;}
        #stl-journey-container ul li a {color:#fff; font-size:18px; text-decoration:underline;}
        #stl-journey-container ul li a:hover, #stl-journey-container ul li a:focus {}

	@media only screen and (max-width:767px) {
		#stl-cms div.stl-info-slider div.stl-slider-wrap {background: #fff !important; min-height: 0;}
		#stl-cms div.stl-info-slider div.stl-slider-wrap ul {display:block !important; position:relative; top:0; opacity:1; min-height:0;}
        
        #stl-cms div.stl-info-slider {border-top:1px solid #fff;}
        
        #stl-cms .stl-journey-paths .journey-main {display:flex; flex-direction:column;}
        #stl-cms .stl-journey-paths div.stl-col.stl-w-04.age-wrap {order:0;} 
        #stl-cms .stl-journey-paths div.stl-col.stl-w-04.giving-amount-wrap {order:1;}
        #stl-cms .stl-journey-paths div.stl-col.stl-w-04.assets-wrap {order:1;}
        
        #stl-cms .stl-journey-paths div.stl-col.stl-w-04 h4:hover {cursor:pointer;}
        #stl-cms .stl-journey-paths div.stl-col.stl-w-04 h4:after {content:"\f0d7"; display:inline; font-family:"FontAwesome"; margin-left:10px; position:absolute; right:25px; transform:rotate(90deg); transition:.2s all ease;}
        #stl-cms .stl-journey-paths div.stl-col.stl-w-04 h4.stl-open:after {transform:rotate(0deg);}
	}
	@media only screen and (min-width:768px) {
		#stl-cms .stl-journey-paths div.stl-colwrap div.stl-col.stl-w-04 {width:32%; margin:0;}
		#stl-cms .stl-journey-paths div.stl-colwrap div.stl-col.stl-w-04:nth-of-type(6) {margin: 0 2%;}

		#stl-cms div.stl-info-slider div.stl-slider-wrap ul {display:flex; flex-direction:column; justify-content:center; height:100%;}
	}


/*  Not Sure How to Get Started
  -------------------------------------------------------*/
	.not-sure-where-to-being-questionnaire {position:absolute; top:0; bottom:0; left:0; right:0; height:auto; padding:10px 20px 20px; background:#fff; overflow:auto; -webkit-overflow-scrolling:touch;}
	.not-sure-where-to-being-questionnaire .stl-page-header {font-size: 30px !important; line-height: 1.2; font-weight: normal; text-transform: none; margin: 0; padding:15px 0 5px;} /* Not Sure popup header */
	.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 {padding: 8px 15px 8px 33px; margin:10px 0; background:#000; color:#fff;}
	.not-sure-where-to-being-questionnaire ul li.q2 > div, .not-sure-where-to-being-questionnaire ul li.q3 > div {padding:0 0 0 33px;}
		.not-sure-where-to-being-questionnaire ul li input {display:inline-block; margin: 5px 10px 5px -23px; width:auto; background:transparent; vertical-align:top;}

		.not-sure-where-to-being-questionnaire p { margin:0;}
			.not-sure-where-to-being-questionnaire ul > li > p, .getting-started-suggestion > p {border-bottom:2px solid #ccc; padding-bottom:5px; margin-bottom:10px;}
			.not-sure-where-to-being-questionnaire ul li.q1 > p {margin:0 0 10px;}
		.getting-started-suggestion ul {margin-left:33px;}
		.getting-started-suggestion ul li {list-style:disc; margin:0 0 5px; padding:0; color:#000;}

		.getting-started-suggestion a, .getting-started-suggestion a:link {padding-left:0; margin-bottom:5px; display:inline-block; line-height:1.5; text-decoration:none; vertical-align:top;}
		.getting-started-suggestion a:hover, .getting-started-suggestion a:focus, .getting-started-suggestion a:link:hover, .getting-started-suggestion a:link:focus {text-decoration:underline;}

	.notSure {padding:0; margin:0 0 30px;}
		.notSure .not-sure-inside {}
		.notSure .not-sure-inside h3 {}
		.notSure .not-sure-inside p {}
		.notSure .not-sure-inside a {}


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

/*  Case Study
  -------------------------------------------------------*/
    #stl-cms .main-copy {margin-bottom:30px;}
    #stl-cms .case-study {margin-bottom:15px;}
	#stl-cms .main-copy > p:last-child, #stl-cms .main-copy > ul:last-child, #stl-cms .main-copy > ol:last-child, #stl_case-study > p:last-child {margin-bottom: 0;}

    #stl-case-study-container {border-bottom:2px solid #dedede; padding-bottom:40px;}
    #stl-case-study-container h3 {font-size:26px; line-height:30px; margin-top:5px;}
    #stl-case-study-container a {display:block; margin-top:20px;}
	.case-study img {width:auto;}
	#stl-cms .stl-photo-left, #stl-cms .donorpic {float:left; margin: 5px 20px 5px 0; padding:0;}
	#stl-cms .stl-photo-right {margin: 5px 0 5px 20px;}
	#stl-cms .stl-fl-left {margin: 0px 20px 0 0;}

	.case-study p.footnote, .case-study p small, .main-copy p small {font-size:85%;}

	@media screen and (min-width:480px){
		.case-study img {/*max-width:100%;*/ max-width:200px; margin-top:0 !important;}
	}
	/* set width of Case Study img per appropriate breakpoints. Options to clear float or adjust image width 
	@media screen and (max-width:767px){
		.case-study img {float:none; display:block;}
	}
	@media screen and (min-width:992px){
		.case-study img {width:50%;}
	}*/

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


/*  Learn How to Fund It / See How It Works
  -------------------------------------------------------*/
	#stl-video-container {margin-bottom:30px;}
	.see-how-it-works {margin-bottom:0;}
	.see-how-it-works h3 {display: none;}
	.video-container {padding:0 0 56.25% 0;margin:0;}
	.video-container iframe {border: none;}

	/* CUSTOM Learn How to Fund It - Remove from Adaptive */
	#stl-fund-it-container .learn-how-to-fund {margin:0; border:none !important; background:none;}
		#stl-fund-it-container h3 {background:none; padding: 0;}
		#stl-fund-it-container p {line-height:1.3; margin:0 0 5px; padding: 0; }
		#stl-fund-it-container ul {margin:0; padding:15px 0; list-style-type:none; }
		#stl-fund-it-container ul li {position:relative; display:inline-block; width:100%; line-height:1.3; margin:0 0 5px; padding:0;  vertical-align:top;}
		/*#stl-fund-it-container ul li:before {display:block; content:'\2022'; position:absolute; left:0px;}*/
		#stl-fund-it-container ul li a {}
		#stl-fund-it-container ul li a:hover, #stl-fund-it-container ul li a:focus {}

	@media only screen and (min-width:480px) {
			#stl-fund-it-container ul li {}
	}
	@media only screen and (min-width:768px) {
		#stl-fund-it-container ul li {}
		/* pages with 2 column fund it section */
		#stl-fund-it-container ul li:nth-last-child(4):first-child, #stl-fund-it-container ul li:nth-last-child(4):first-child ~ li {}
	}

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


/*  Gift Illustrator
  -------------------------------------------------------*/
	#stl-gift-illustrator-container {display:none;}
	#stl-gift-illustrator-container h3 {}
	#stl-gift-illustrator-container p {}
	#stl-gift-illustrator-container p + p {margin:0;}
	#stl-gift-illustrator-container a.lightbox {display:inline-block; margin-top:10px;}
    #stl-gift-illustrator-container a.lightbox:after {display:none;}

	#charitable-gift-annuities-page #stl-gift-illustrator-container, #charitable-remainder-trusts-page #stl-gift-illustrator-container, #charitable-lead-trusts-page #stl-gift-illustrator-container, #cash-page #stl-gift-illustrator-container, #appreciated-securities-page #stl-gift-illustrator-container {display:block;}


/*  DCGA Pullout (CGA Page Only)
  -------------------------------------------------------*/
	#dcga-container {display:none; clear:both;}
	#charitable-gift-annuities-page #dcga-container {display:block;}
		#dcga-container h3 {}
		#dcga-container p {margin:0;}


/*  eBrochure pullouts
  -------------------------------------------------------*/
	#ebrochure-pullout-container {width:100%; background:#dedede; overflow:auto; padding:40px 0; margin-bottom:45px;}
	#ebrochure-pullout-container:before {}
	#ebrochure-pullout-container img {}
	#ebrochure-pullout-container h3 {display:none;}
	#ebrochure-pullout-container p {font-size:26px; line-height:30px; font-weight:500;}
    #ebrochure-pullout-container p em {font-weight:normal; font-style:normal; font-weight:bold; font-style:italic;}

    @media screen and (min-width:768px) {
        #ebrochure-pullout-container img {float:left; margin-right:30px; max-width:330px;}
        #ebrochure-pullout-container p {padding-top:0;} 
    }
	@media screen and (min-width:992px){
		#ebrochure-pullout-container {}
        #ebrochure-pullout-container img {float:left; margin-right:80px; max-width:100%;}
        #ebrochure-pullout-container p {padding-top:10px;} 
	}


/*  PEPK Pullout
  -------------------------------------------------------*/
	#stl-pepk-container {}
	#stl-pepk-container img {display:none;}
	#stl-pepk-container h3 {text-align:center;}
	#stl-pepk-container p {}
	#stl-pepk-container .stlButton {}
    #stl-pepk-container .stlButton:after {display:none;}
	#stl-pepk-container .stlButton span {}

	#wills-and-living-trusts-page #stl-pepk-container, #beneficiary-designations-page #stl-pepk-container, #endowed-gifts-page #stl-pepk-container {display:block;}


/*  Next Steps
  -------------------------------------------------------*/
	#stl-next-steps-container {border:none; margin:0 0 30px;}
	#stl-next-steps-container h3 {color:#53682b; font-size:35px; font-weight:500; line-height:38px; margin-bottom:30px;}
	.next-steps h3.visible-xs a {text-decoration: none;}
	.next-steps h3.visible-xs a span.glyphicon {display:none;}

	.next-steps ol {}
	.next-steps ol li {}
	.next-steps ol {list-style-type:none; padding-left: 20px; margin:0 0 20px 0;}
	.next-steps ol > li {display:block; list-style-type:none; margin-bottom:0; margin-left:0; counter-increment: customlistcounter;}
		.next-steps ol > li:before {display:inline-block; content: counter(customlistcounter)"."; float: left; font-family:inherit; font-weight:bold; border: none; height: auto; top: auto; margin: 0 0 0 -20px;}
		.next-steps ol:first-child {counter-reset: customlistcounter;}
	.next-steps p strong, .next-steps p strong b {font-weight:bold;}

	/* If next steps section has next steps and pepc next side by side 
	.next-steps-left {width: 100%;}
	.next-steps-right {display:none; width: 100%;}
	#wills-and-living-trusts-page .next-steps-right, #beneficiary-designations-page .next-steps-right, #endowed-gifts-page .next-steps-right {display:block;}

	@media only screen and (min-width: 768px) {
		#stl-next-steps-container {display:flex; justify-content:space-between; align-items:stretch;}
		#wills-and-living-trusts-page .next-steps-left, #beneficiary-designations-page .next-steps-left, #endowed-gifts-page .next-steps-left {width: 65%; padding-right:3%;}
		.next-steps-right {width: 35%;}
	}
	*/


/*  Popup Forms
  -------------------------------------------------------*/
	div.mfp-content {font-family:inherit; border-width:4px; border-style:solid; border-radius:0; background:#fff; padding:0; margin:0;}
	#brochureform, #DCGAbrochureform, #PEPCForm {border-radius:0; margin: 0; padding: 20px 25px 15px 25px; background:#fff;}
	#brochureform p, #DCGAbrochureform p, #PEPCForm p { margin:0 0 10px}
	#brochureform p:first-of-type, #DCGAbrochureform p:first-of-type, #PEPCForm p:first-of-type {margin: 15px 0 10px !important;}
	div.mfp-content .mfp-close { top:15px; right:15px;}
	div.mfp-content .mfp-close:hover, div.mfp-content .mfp-close:focus {}

	.mfp-bg {width:100%;}
	.mfp-wrap {position:fixed !important; top:0 !important; height:100% !important;}
	.mfp-content input {font-family:inherit; font-size:inherit; color:inherit; padding:4px; width:100%; display:block;}
	.mfp-content .stlButton {margin:12px 0 0 0; width:100%; opacity:1; cursor:pointer;}
	.mfp-content .stlButton:hover, .mfp-content .stlButton:focus {opacity:1;}

	/* Getting Started and Gift Illustrator popup styling */
	.getting-started-popup div.mfp-content .mfp-close, div.mfp-content .mfp-iframe-scaler .mfp-close {top:-15px; right:-15px; color:#fff; background:#000;} 
	.getting-started-popup div.mfp-content .mfp-close:hover, .getting-started-popup div.mfp-content .mfp-close:focus, div.mfp-content .mfp-iframe-scaler .mfp-close:hover, div.mfp-content .mfp-iframe-scaler .mfp-close:focus {opacity:1;}
	.gift-illustrator-popup .mfp-iframe-scaler {height:100%; width:100%; top:0; left:0; background:#fff !important; overflow:hidden; padding:0;} 
	.gift-illustrator-popup iframe {background:#fff !important; position:absolute; top:0; bottom:0; left:0; right:0; overflow:auto; -webkit-overflow-scrolling:touch;}
	.mfp-container {display: flex; justify-content: center; align-items: center;}
	.getting-started-popup .mfp-container, .gift-illustrator-popup .mfp-container {padding: 0;}
	.getting-started-popup .mfp-content {width:90%; max-width: 700px; height:calc(100vh - 35px); max-height:500px; border-width: 8px; border-radius: 5px; margin:0; overflow:visible;}
	.gift-illustrator-popup .mfp-content {width:95%; max-width: 990px; height: 620px; max-height:calc(100vh - 35px); border-width: 8px; border-radius: 5px; margin:0; overflow:visible;}

	@media only screen and (max-width:767px) {
		div.mfp-content {margin:20px auto;}
		#brochureform, #DCGAbrochureform, #PEPCForm {padding: 20px 15px 15px 15px;}
	}

	@media only screen and (min-width:768px) {
		.getting-started-popup .mfp-content {height:400px;}
	}


/*  Definition Flyovers
  -------------------------------------------------------*/
	.flyover-link {cursor:pointer;}
	.flyover-link:after {display:inline-block; position:relative; top:-2px; margin-left:3px; text-decoration:none; content:'\f24d'; font-family:FontAwesome; font-size:80%; -ms-transform:rotate(-90deg); transform:rotate(-90deg);}
	.mfp-flyover .mfp-content > span {display: block; padding: 15px 20px 10px;}
	.mfp-flyover div.mfp-content .mfp-close { top:0; right:0;}
	.mfp-flyover div.mfp-content .mfp-close:hover, .mfp-flyover div.mfp-content .mfp-close:focus {opacity:0.8; outline:none;}
	.mfp-flyover .mfp-content {opacity: 0; -ms-transform: scale(0.8); transform: scale(0.8); transition: all 0.2s ease-in-out;}
	.mfp-flyover.mfp-ready .mfp-content {opacity: 1; -ms-transform: scale(1); transform: scale(1);}


/*  Contact Us Page
  -------------------------------------------------------*/
	.stl_ContactInfo {margin:20px 0; font-family:inherit; font-size:inherit; line-height:inherit;}
	.stl_ContactInfo span {}
		.contact-page .stl_ContactInfo:nth-of-type(1) .stl_ContactName {display:inline;}
		.stl_ContactName {font-weight:bold;}
		.stl_ContactTitle {font-style:italic;}

		/* form */
		#stl-contact-form input[type="text"], #stl-contact-form input[type="email"], #stl-contact-form textarea, #reengagement-response-form input[type="text"], #reengagement-response-form input[type="email"], #reengagement-response-form textarea {display:block; font:inherit; border:1px solid #999; padding:4px; width:100%;}
		.contact-page #stl-cms .stlButton, #reengagement-response-form .stlButton {display:inline-block; width:auto;}
		#contactReCaptcha, #reengage-captcha {margin:0 0 15px;}

		@media only screen and (min-width:768px) {
			#stl-contact-form input[type="text"], #stl-contact-form input[type="email"], #stl-contact-form textarea, #reengagement-response-form input[type="text"], #reengagement-response-form input[type="email"], #reengagement-response-form textarea {width:50%;}
		}


/*  Articles
  -------------------------------------------------------*/
	.article-page .main-copy {font-family:inherit; font-size:inherit; line-height:inherit;}
	.article-page .main-copy p:last-of-type {margin: 0 0 10px;}
	#for-professional-advisors-page #stl-cms .stl-copyright, .contact-page #stl-cms .stl-copyright, #personal-estate-planning-kit-page #stl-cms .stl-copyright, .article-page #stl-cms .stl-copyright {margin-top: 30px;}


/*  Notify Content
  -------------------------------------------------------*/
#notifyEstatePlans {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 30px;
    padding-top: 10px;
}
#checkCircleIcon {
    margin-top: 5px;
    margin-bottom: 10px;
    color: #637946;
    border: 3px solid #637946;
    border-radius: 100%;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-right: 20px;
    margin-left: 20px;
}

#notifyContent{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#notifyContent p {
    font-size: 24px;
    line-height: 24px;
    color: #657748;
    margin: 0;
    margin-bottom: 10px;
}
#notifyContent  a {
    cursor: pointer;
    font-size: 20px;
    line-height: 20px;
    padding: 8px;
    text-align: center;
    background-color: #D1811E;
    color: white;
    width: 35%;
}
/*.stlButton {opacity:1; filter:alpha(opacity=100);}
button.stlButton {
    border: 4px solid #fff; border-radius: 15px 0; -webkit-box-shadow: 0 0 1px #333; box-shadow: 0 0 1px #333;
    background: #B32C3A;
    padding: 10px 15px;
    font-weight: normal; text-transform: uppercase;
    cursor: pointer;
}
button.stlButton:hover, button.stlButton:focus {text-decoration:underline;}*/
#yesHome {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 5px;
    margin-bottom: 10px;
    margin-top: 13px;
}

@media screen and (max-width: 767px){
    #notifyContent a {
        width: 50%;
    }
}
@media screen and (max-width: 500px){
    #notifyContent a {
        width: initial;
        margin-bottom: 3px;
    }
    #checkCircleIcon {
        border: none;
    }
}


/*  Real Estate Page
  -------------------------------------------------------*/
	.reg-toggle-container {margin:10px 0;}
		.reg-toggle-box {border:1px solid #888; padding:10px 5px; cursor:pointer;}
			.reg-toggle-box span:first-of-type {position:relative; display:inline; text-decoration:none; padding-right:15px;}
			.reg-toggle-box span.toggle-span:before {content:" ";}
			.reg-toggle-box	span.toggle-span {position:absolute; display: inline-block; white-space: nowrap; margin-left:-10px; width:auto;}
		.reg-content {display:none; margin: 0; padding:15px;}
			.reg-content > p:last-child, #real-estate-page .reg-content > p:last-child a {margin-bottom:0;}
		#stl-cms .reg-content .stlButton {width:auto;}


/*  Donor Story Page - Overrides default 60px width in global.css
  -------------------------------------------------------*/
	.meet-our-donors-thumb {width:auto; float:none;}
    .meet-our-donors-teaser h3 {margin-top:0;}

	@media screen and (min-width:576px) {
		.meet-our-donors-thumb {float:left;}
	}


/*  PEPC Download Page
  -------------------------------------------------------*/
	@media only screen and (min-width:768px) {
		#pepc {padding:0; margin-top:18px;}
		.notes {color:#f00;}
		#bymail {display:none; margin:10px 0 30px 0;}
		#lessonBook, #recordBook {width:47%; float:left;}
		#recordBook {float:right;}
		.lrgBookImg {display:inline-block; height:auto; max-width:100%}
		.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;
		}
		.stepInfo {}
		.lrgBookImg {margin-left:-8px; margin-bottom:10px;}
		/* clearff */
		.clearff:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
	}


/*  Hide Empty Containers
  -------------------------------------------------------*/
	#stl-video-container:empty, #stl-fund-it-container:empty, #stl-gift-illustrator-container:empty, #stl-pepk-container:empty, .stl-page-subtitle:empty {display:none;}
	#stl_case-study:empty {margin:0;} /* margin is set on the container, so have to adjust */


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