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

	Date: 10/27/16
	Site: Veterans of Foreign Wars, A0027033
	Web Designer: Melissa Anderegg
	
	Last Modified By: Web Designer  --  MM/DD/YY  --  modifications

/*************************************************************************************************************
//////////////////////     Base
*************************************************************************************************************/ 
	.hidden {display:none !important; visibility:hidden !important}
	div.stl-colwrap, .stl-center div.row {margin:0;}
	.stl-center div.row > div {margin:1% 0 0;} /* Fix left alignment of Stelter main content area */
	
	/* Apply border-box to all Stelter content */
	.sub-middle-section *, .sub-middle-section *:before, .sub-middle-section *:after,
	.stl-nav-sm *, .stl-nav-sm *:before, .stl-nav-sm *: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 */
.modalButton:hover, .modalButton:focus {cursor:pointer;}
#myModal button.close {
    position: relative;
    top: -30px;
    right: 15px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    opacity: 0.7;
}
#myModal button.close:hover, #myModal button.close:focus {
    opacity: 1;
}

#tax-free-impact-page h2:first-of-type {text-transform: none; font-family: Arial, sans-serif; font-size: 20px; font-weight: 500;}


/* -------------------------------
		Header
------------------------------- */

/* move site content down to account for sticky header */
.main-content-container {
    /*margin-top:225px;*/
    margin-top:100px;
    background:#fff;
}
@media screen and (min-width:768px) {
    .main-content-container {
        margin-top:175px;
    }
}
.navbar {
    background-color: #000000;
    min-height: 110px;
}
.navbar-header {
    width: 100%;
    margin:0;
}
.navbar-right .btn {
    display:none;
}
@media only screen and (min-width: 736px) {
    .navbar-right {
        float: right;
        margin-right: -15px;
    }
    .navbar-right .btn {
        display:inline-block;
        background-color: #97040c;
        border: none;
        box-shadow: none;
        font-weight: normal;
        font-size: 22px;
        text-decoration:none;
        color: #ffffff;
        font-family: 'Roboto', sans-serif;
        padding: 10px 45px;
        border-radius: 0px;
    }
}
.navbar-right {
    margin-top: 67px;
    margin-bottom: -11px;
    float: right;
}
.navbar-right a + a:not(.btn) {
    padding-right: 20px;
    color: #8b8b8b;
    text-decoration: underline;
    font-size: small;
}
@media screen and (max-width:735px) {
/* 	.navbar-right {margin-top:50px; margin-bottom:11px;} */
    .navbar-right a {display:none;}
}

#beneficiary-designations-page .mainCol {
	text-align: center;
}
/* popup email signup form */
form {
    width:unset !important;
    height:unset !important;
}



/* -------------------------------
		stl overrides
------------------------------- */
#stl-cms {/*padding-bottom:0;*/}



/* -------------------------------
		Footer
------------------------------- */
.stl-footer {
    clear:both;
    text-align:center;
    padding:0 0 15px 0;
    font-size:13px;
    background:#000;
    overflow:auto;
}

.default-site-container .mainCol {
    float:none;
    margin:0;
    width:100%;
    padding:15px;
}
footer {
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #000000;
}
footer .col-lg-4 img {
    max-width: 250px;
}
.social ul {
    margin: 0;
    padding: 2px 0px 0px 0px;
}
.social ul li {
    margin: 3.6px;
    list-style: none outside none;
    display: inline-block;
}
.social i {
    width: 21px;
    height: 21px;
    color: #000000;
    background-color: #b09b5d;
    font-size: 12px;
    text-align: center;
    padding-top: 6px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

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

/* -------------------------------
		Structure
------------------------------- */	

@media only screen and (min-width:768px) {
	#stl-page {}
		/* Inner page wrapper - wraps entire site be default (see default page layout above) - Set background, positioning, etc as necessary */
		div#stl-cms {background:transparent; /*padding-bottom:0;*/ position:relative;}
			/* Main container element - may be used to restrict template to a specified width */
			#stl-cms div.stl-container {width:auto;}

}

/* -------------------------------
		Typography
------------------------------- */	
    body {background:#000;}
    body.GettingStartedPage {background:#fff;}
	/* Overrides bootstrap giving everything margin-bottom:10px; line-height should equal bottom margin */
	p, table, tr, td, form, label, ul, ol, li, blockquote {font-family:Arial, sans-serif; color:#333333;}
.stl-input-field label {font-size:inherit;}
	@media only screen and (max-width:768px) {
		/* This media query is in place so that this override only affects mobile. 
			 The styles directly below this query section are in place to affect only the
			 Stelter content. Without this setup these styles will cause some formatting
			 issues with the client's header/footer sections. */
		p, table, tr, td, form, label, ul, ol, blockquote, 
		.hotnews, .journey-paths, .not-sure, .eBrochure, .see-how-it-works, .learn-how-to-fund, .GIfeature, .next-steps {margin-bottom:10px;}
	}
	.stl-container p, .stl-container table, .stl-container tr, .stl-container td,
	.stl-container form, .stl-container label, .stl-container ul, .stl-container ol,
	.stl-container blockquote, .stl-container .hotnews, .stl-container .journey-paths,
	.stl-container .not-sure, .stl-container .eBrochure, .stl-container .see-how-it-works,
	.stl-container .learn-how-to-fund, .stl-container .GIfeature, .stl-container .next-steps {margin-bottom:10px;}
	
	/* Links/Buttons */
    .default-site-container a {color:#990000;}
.default-site-container a:hover {color:#2a6496;}
	a, a:hover:not([href]) {color:#990000;}
	a:hover, a:focus {}
	.stlButton {} /* Buttons found on features throughout the site. (ie. Gift Illustrator, eBrochure, eBrochure popups, etc...) */
	#stl-cms .stl-button, #stl-cms .stlButton, #stl-cms a.stlButton, .stlButton {
		background:none; 
		display:block;opacity:1;
		font-size:16px; 
        text-decoration:none; 
        color: #990000 !important;
        font-family: 'Oswald', sans-serif;
        border: 1px solid #990000;
        border-radius: 5px;
        text-transform:uppercase;
        transition: .3s all ease;
		/*width:100%;*/
	}
#stl-cms #PEPC-btn {display:inline-block; width:auto;margin-top:15px;}
	#stl-cms .stl-button:hover, #stl-cms .stl-button:focus, #stl-cms .stlButton:hover, .stlButton:focus, .stlButton:hover {
        color:#fff !important;
        background: #990000;
        text-decoration:none;
    }
	@media only screen and (min-width:768px) {	
	}
	
	/* General Content */
	.stl-center p, .stl-center table, .stl-center tr, .stl-center td, .stl-center form, .stl-center label, .stl-center ul, .stl-center ol, .stl-center blockquote {}
	.stl-copyright, .stl-center .stl-copyright p, .copyright p, .stl-footnote {}
	@media only screen and (min-width:768px) {}

    /* Copyright */
    .stl-copyright p {
        color: #DFDFDF;
        text-align:left;
        font-style:italic;
        padding-top:50px;
    }
	
	/* Match the color, margins/padding, font size, etc... to the client's site for all headers */
	h1, .h1, h2, .h2, h3, .h3, h4, .h4 {font-family:'Oswald', sans-serif; text-transform:uppercase;} /* Headings Reset */
    h1 {
        font-size: 35px;
        color: #27213B;
    }
    h3 {
        font-size: 32px;
        color: #990000;
    }
    .syndicated h3 {
        font-size:24px; 
        color:#000;
    }

    #for-professional-advisors-page h3 {
        font-size:24px;
        color:#000;
    }
	.stl-page-header {} /* Page header (not always used) */
	.stl-page-title, .eBrochurePage h1 {} /* Page title styles */
    .homepage .stl-page-title {margin-top:10px;}
    .subpage .stl-page-title {color:#990000; font-size:35px;}

	.stl-page-subtitle, .eBrochurePage h2 {font-size:20px; font-family:'Arial', sans-serif;} /* Sub Title styles */
    .subpage .stl-page-subtitle {font-size:20px; color:#333; margin-top:5px; margin-bottom:25px; font-family: Arial, sans-serif;text-transform:inherit !important;}

	.sub-middle-section h3 {}
	@media only screen and (min-width:768px) {}

	#ira-charitable-rollover-page .syndicated h3 {
		color: #990000;
	}
	
	/* Lists */
	.sub-middle-section ul, .sub-middle-section ol, .eBrochurePage ul, .eBrochurePage ol {}
		.sub-middle-section li, .eBrochurePage li {}
	@media only screen and (min-width:768px) {}

/* -------------------------------
		Pullouts
------------------------------- */	
	@media only screen and (max-width:767px) {
		.pull-right, .main-copy .pull-right.ebro {/*float:none;margin:0;width:100%;*/}
	}
	@media only screen and (min-width:768px) {
		/*sidebar items may want to be in boxes with a background - this may move into the site control */
		#stl-whats-new, .pull-right, .GIfeature  {padding:10px; margin-bottom:20px;}
	}


/* -------------------------------
		Left/Right Navigation
------------------------------- */	
#navbar-top {
    background: linear-gradient(#534776, #35304B 56%, #322C48 67%, #3C3459); 
    text-align:center;
}
.navbar-container {
    max-width:1160px;
    margin:auto;
}
#navbar {
    width:100%;
    border-top: none;
    box-shadow: none;
}

.navigation ul.stl-nav{
    margin:20px 0 0 0;
    padding:0;
}
.navigation ul.stl-nav li{list-style:none;margin:0;padding:0;}
.navigation ul.stl-nav li.on > a{background:#f1f1f1;}
.navigation ul.stl-nav li.sectionhome, .navigation ul.stl-nav li.onTrail {margin-bottom:5px;padding-bottom:5px;}
	.navigation ul.stl-nav li.onTrail > a:first-child {text-decoration:none;}
	.navigation ul.stl-nav li a {
		color:#fff;
		display:block;
		padding:5px;
		line-height:1.3;
        text-transform: uppercase;
        font-weight:normal;
        text-decoration:none;
	}
	.navigation ul.stl-nav ul{
        background: #000;
        margin:0; padding:5px 10px; 
        display:none;
    }
    
	.navigation ul.stl-nav ul li a{/*padding-left:20px;*/}

@media screen and (min-width:768px) {
    .navbar-nav {
        width:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .navigation.section-nav {
        width:100%;
    }
    .navigation ul.stl-nav {
        width:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .navigation ul.stl-nav li:hover ul, .navigation ul.stl-nav li:focus ul {display:block; position:absolute;}
}

@media screen and (max-width:767px) {
	#navbar-wrapper {padding-bottom: 20px;}
  .navigation ul.stl-nav ul {display:none;}
  .navigation ul.stl-nav li a {padding-left:20px;}

}
@media screen and (max-width:380px) {
	.navbar-brand {max-width:calc(100% - 50px);}
	.navbar-brand>img {display: inline-block; width: 100%; height: auto; }
	.navbar-default .navbar-toggle {margin-top:-10px;margin-bottom: 20px;}
	#navbar {margin-top:15px;}
}

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

/* -------------------------------
		Banner
------------------------------- */
#banner {
    position:relative;
}
#banner img {
    display:none;
}
#banner .banner-overlay-container {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
}
#banner .banner-overlay {
    background:rgba(255,255,255,.8);
    text-align:center;
    padding:10px;
}
@media screen and (min-width:768px) {
    #banner img {
        display:block;
        width:100%;
    }
    #banner .banner-overlay {
        max-width:400px;
    }
    #banner .default-site-container {
        position:absolute;
        top:0;
        left:0; right:0;
    }
}
@media screen and (min-width:992px) {
    #banner .default-site-container {
        top:20px;
    }
}
/* --------------------------------------
		IRA Charitable Rollover Page
---------------------------------------- */

#ira-charitable-rollover-page .stl-page-title, #ira-charitable-rollover-page .stl-page-subtitle, #ira-charitable-rollover-page #subpage-intro-container{
	background: #DFDFDF;
	margin: 0px -60px;
	padding: 0 60px;
	text-align: center;
	padding-bottom: 30px;
	margin-left: calc(-50vw + 573px);
	margin-right: calc(-50vw + 573px);
}

#ira-charitable-rollover-page .stl-page-title {
	margin-top: -20px;
	padding-top: 70px;
}
@media (max-width: 1175px) {
  #ira-charitable-rollover-page .stl-page-title, #ira-charitable-rollover-page .stl-page-subtitle, #ira-charitable-rollover-page #subpage-intro-container {
    margin-right: -15px;
    margin-left: -15px;
  }
}  

#subpage-intro-container > p:nth-child(2) {
	padding-bottom: 50px;
}

.syndicated .stl-pepc-promo .stlButton {
	width: 100%;
}
/* -------------------------------
		Features
------------------------------- */
#homepage-features-container {
    margin: 40px 0;
    text-align:center;
}
#subpage-features-container {
    margin:30px 0;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:start;
    -ms-flex-align:start;
            align-items:flex-start;
}
@media screen and (min-width:1024px) and (max-width:1024px) {
    #homepage-features-container {margin:40px 100px; /*stack 2 blocks in each row on ipad horizontal*/}
    #subpage-features-container {margin:30px 100px;}
}
/*.feature-container, .pull-right.eBrochure, 
#wills-and-living-trusts-page #stl-pepk-container,
#beneficiary-designations-page #stl-pepk-container, 
#endowed-gifts-page #stl-pepk-container {
    background:#E3E3E3;
    padding:15px;
    margin:5px;
    display:inline-block;
}*/ /* pepc should appear on every page */
.feature-container, 
.pull-right.eBrochure,
#stl-pepk-container {
    background:#E3E3E3;
    padding:15px;
    margin:5px;
    display:inline-block;
}

.feature-container p {
    font-size:16px;
    font-family: 'Oswald', sans-serif;
    text-align:center;
    margin-top:10px;
}
.feature-container .stlButton {
    width:auto;
}
.feature-container .stlButton:hover {
    text-decoration:none;
}
/* fix for longer ebro title */
#beneficiary-designations-page .feature-container p,
#beneficiary-designations-page #stl-pepk-container h3 {height:40px !important;}

/* Hide features on pages where they are not needed */
#personal-estate-planning-kit-page #vfw-hero-container,
#for-professional-advisors-page #vfw-hero-container {
    display:none;
}

#view-all-articles-page #PEPC-btn {
    display:none;
}
#personal-estate-planning-kit-page #subpage-features-container {
    display:none;
}

/* -------------------------------
		Intro
------------------------------- */
.stl-intro p {
    font-size: 29px;
    line-height: 1.4em;
    color:#444;
}

/* -------------------------------
		What's New
------------------------------- */
/* DEFAULT */
#stl-whats-new {margin-bottom:20px;}
	#stl-whats-new  h3.stl-whats-new-title {}

#whats-new-outer-container {
    background: url(css-images/WhatsNewBackground.png) no-repeat;
    background-size:cover;
    padding:20px;
}

	.hotnews {
        padding:0;
        float: none !important;
        width:100%;
        margin:auto;
        color:#fff;
        max-width:1160px;
    }
.stl-whats-new-image {
    margin-right:50px;
}
@media screen and (max-width:767px) {
    .stl-whats-new-image {
        display:none;
    }
}
		#stl-whats-new {padding:0; overflow:auto; border:none; margin-bottom:0;}
			#stl-whats-new  h3.stl-whats-new-title {color:#fff; margin:0; padding:10px; font-size:20px; margin-bottom:20px;}
                #stl-whats-new p {font-size:16px; color:#fff; margin-bottom:35px;} 
				#stl-whats-new  ul {/*color:#000; margin:0 0 0 10px; padding:10px; margin:15px 15px 15px 25px; list-style-type:disc;*/display:none;}
	
#stl-whats-new a.stl-wn-view-more {
    font-family:'Oswald', sans-serif; font-size:16px;
    border:1px solid #fff; border-radius:5px;
    color:#fff;
    text-decoration:none;
    padding:5px 20px;
    display:inline-block;
    transition:.3s all ease;
    text-transform:uppercase;
}
#stl-whats-new a.stl-wn-view-more:hover {
    background:#fff;
    color:#000;
}
	@media only screen and (min-width:768px) {}

/* What's New listing page */
h3.wn-list-item-title, h3.wn-list-item-title a {
    color:#000;
    font-size:24px;
}
	
/* -------------------------------
		Begin My Giving Journey
------------------------------- */
#stl-journey-container {
    background:#DFDFDF;
}

	/* DEFAULT */	
	.stl-journey-paths h4 a {color:#990000;} /* Journey Paths Section title color */
		.stl-journey-group p.stlButton {} /* Title color of each journey section feature (when journey section is expanded) */

    #stl-cms .stl-journey-paths {text-align:center;}

    #stl-cms  .stl-journey-paths .stl-button {
        color:#333 !important;
        background:none;
        border:none;
        font-family: 'Oswald', sans-serif;
        font-size:20px;
        text-transform:uppercase;
    }
    #stl-cms  .stl-journey-paths .stl-button.active {
        color:#9D8B3A !important;
    }
    #stl-cms div.stl-info-slider div.stl-slider-wrap ul {
        background: #DFDFDF;
    }
    #stl-cms div.stl-info-slider div.stl-slider-wrap ul li {
        border:none !important;
        text-align:center;
        font-size:16px;
    }
    #stl-cms div.stl-info-slider div.stl-slider-wrap ul li a {
        color:#333 !important;
        font-size:14px;
    }
	.stl-popup {}
		.stl-white-popup h2 {color:#333;font-size:18px;}
		.stl-white-popup p {color:#333;}
		.stl-white-popup ul {color:#333;margin:0 0 0 20px; padding:0;}
		.stl-white-popup a {color:#990000;}
		
	#stl-cms .journey-main.stl-colwrap {margin:0 -1%;}
	@media only screen and (min-width:768px) {
	   .stl-journey-paths {text-align:center;}
		#stl-cms .stl-journey-paths p {margin:0;}
		#stl-cms .stl-journey-paths h3 {color:#990000; font-size:34px;}
        
        .stl-journey-paths .journey-main {
            display:-webkit-box; display:-ms-flexbox; display:flex; /*align not sure with giving amt/age/assets*/
        }
        
		#stl-cms div.stl-info-slider {text-align:left;}
			#stl-cms div.stl-info-slider h4 {
				background:#ccc;color:#fff;padding:25px 0;
				font-size:18px;text-align:center;
			}
            div.stl-info-slider .stl-slider-wrap {
                background-size:188px 184px !important; /*don't resize journey images*/
                background-repeat:no-repeat;
            }
	
			#stl-cms div.stl-info-slider ul	{
                color:#000; list-style:none; margin:0 0 0 10px; padding:0;
                display:-webkit-box;
                display:-ms-flexbox;
                display:flex;
                -webkit-box-orient:vertical;
                -webkit-box-direction:normal;
                -ms-flex-direction:column;
                        flex-direction:column;
                height:100%;
                -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
            }
				#stl-cms div.stl-info-slider ul a {}
    }

	/* CUSTOM  - Remove from Adaptive */
	/* mobile styles */
	@media screen and (max-width:767px){
		.journey-main {overflow-y: inherit !important;}
		.stl-journey-paths .middle-results {display:none;}
		
		#stl-cms .journey-main.stl-colwrap {margin:0;}
		.journey-main.stl-colwrap .stl-col.stl-w-04 {float:none;width:98%;}
		#stl-cms div.stl-info-slider div.stl-slider-wrap {min-height:0;}
			.stl-slider-wrap ul {background:transparent;}
			
		.stl-journey-paths .stl-button {display:inline;margin:0 !important; padding:0; }
		
		.stl-journey-paths .stl-slider-wrap {background-image:none !important;}
		.stl-journey-paths img {display:none;}
		#stl-cms div.stl-info-slider div.stl-slider-wrap ul {opacity:1;position:relative;top:0;}
	}

.stl-journey-paths h3.hidden-xs {display:block !important;}
.stl-journey-paths h4 {display:none !important;}

/* -------------------------------
		Not Sure How to Get Started
------------------------------- */	
	.GettingStartedPage {}
		.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;} /* 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-left:33px;}
			.not-sure-where-to-being-questionnaire ul li input {margin:5px 10px;width:auto}
			.not-sure-where-to-being-questionnaire ul li.q1 input[type="radio"] {margin-left:-23px;}
			.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;
				}
				.not-sure-where-to-being-questionnaire ul li.q1 > p {font-size:19px; margin:0 0 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;}
	
	.notSure {clear:both; /*padding:15px 20px;*/ padding:15px 0;}	
		.notSure .not-sure-inside {}
			.notSure .not-sure-inside h3 {
                margin:0 0 10px 0;
                color: #333 !important;
                background: none;
                font-family: 'Oswald', sans-serif;
                font-size: 20px !important;
            }
			.notSure .not-sure-inside p {margin:0;padding:0;}
			.notSure .not-sure-inside a {}
	@media only screen and (min-width:768px) {
		#stl-cms .not-sure {margin-bottom:20px;}
        #stl-cms .notSure h3 {
            margin-bottom:25px;
            transition: .3s all ease;
        }
        #stl-cms .notSure h3.active {
            color:#9D8B3A !important;
        }
        /*#stl-cms .notSure p {*/
        #stl-cms .notSure #not-sure-inner p {
            position:relative; 
            margin-top:100px;
            min-height:232px; 
            padding-top:40%;
        }
        #stl-cms .notSure #not-sure-inner {
            color:rgba(51,51,51,0);
            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;
            min-height:232px; /*match min-height of journey hovers*/
            max-height:232px;
            background:url(css-images/NotSure.png);
            background-size:188px 184px;
            background-repeat:no-repeat;
            background-position: center;
            overflow:hidden;
            transition:.3s color ease;
        }
        #stl-cms .notSure p, #stl-cms .notSure p a {
            color:rgba(153,0,0,0);
            transition:.3s all ease;
        }
        #stl-cms .notSure #not-sure-inner:hover {
            color:rgba(51,51,51,1);
            /*background:none;*/
        }
        #stl-cms .notSure #not-sure-inner:hover p {
            color:rgba(51,51,51,1);
            /* should slide up like other journey items */
            margin-top:0;
            background:#DFDFDF;
            min-height:232px;
            padding-top:40%;
            /*font-size:16px;*/
        }
        #stl-cms .notSure #not-sure-inner:hover a {
            color: rgba(153,0,0,1);
        }
	}


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

#subpage-intro-container {
    background: #DFDFDF;
    text-align:center;
    padding: 30px 0;
    padding-bottom: 70px;
}
/* some pages have content that does not look good centered, so left align */
#closely-held-stock-page #subpage-intro-container,
#cash-page #subpage-intro-container,
#appreciated-securities-page #subpage-intro-container, 
#tangible-personal-property-page #subpage-intro-container,
#beneficiary-designations-page #subpage-intro-container {
    text-align:left;
}

.daf-features {margin-block:50px;}
.daf-brochure {background: #eee; margin-bottom:20px; padding:30px;}
	.daf-brochure h2 {margin-top:0; color:#900;}
		.daf-brochure p {margin-block:15px;}
	#stl-fund-app__container .stl-fund-app__icon-container {display:flex; justify-content:space-around;}

    @media screen and (min-width:768px) {
    	.daf-features {display:flex; justify-content:space-between;}
			.daf-features > div {flex:0 1 48%; margin-bottom:0;}
				.daf-features .stl-fund-app {margin:0;}
		.daf-brochure {display:flex; flex-direction:column; justify-content:center;}
    }


/* -------------------------------
		Videos
------------------------------- */
video:hover {cursor:pointer;}

		.see-how-it-works h3 {display:none;}

#stl-video-container {
    background: #F5F5F5;
}
.see-how-it-works {
    max-width:655px;
    margin: 0 auto;
}
    .video-container {
        max-width:655px;
        margin-bottom:0;
    }
        .video-container video {
            max-width:655px;
        }

/* -------------------------------
		Case Study
------------------------------- */
	.case-study {margin:20px 0;}
        .case-study h3 {padding-bottom:10px;}
		.case-study img {margin-bottom:10px;}
		.stl_caseStudyBody.collapse {display:none !important;} /* This line and the line directly below help the mobile case study function correctly */
		.stl_caseStudyBody.collapse.in {display:block !important;width:100%;}
	@media only screen and (min-width:768px) {
		.stl_caseStudyBody.collapse {display:block !important;} /* This forces the case study body to stay open on desktop. It's a counter to the above !important styles. */
	}

/* -------------------------------
		Learn How to Fund It/See How It Works
------------------------------- */
	
/* DEFAULT Learn How to Fund It */
.learn-how-to-fund {margin:20px 0;}
	.learn-how-to-fund h3 {
        color:#AF8361; 
        margin:0 0 10px 0;
        padding:0px;
        font-size: 20px;
    }
	.learn-how-to-fund p {display:none;} /* hide learn more teaser since it's empty */

/* CUSTOM Learn How to Fund It - Remove from Adaptive */
#stl-fund-it-container .learn-how-to-fund ul {
    padding:0;list-style-type:none;
}
		#stl-fund-it-container .learn-how-to-fund ul li {
            display:inline-block;
            /*width:100%;*/
            border: 1px solid #333;
            border-radius: 5px;
            padding:5px 20px;
            text-align:center;
            margin:5px;
            transition:.3s all ease;
        }
        #stl-fund-it-container .learn-how-to-fund ul li:hover {
            background:#333;
        }
            .learn-how-to-fund ul li a {
                font-family: 'Oswald', sans-serif;
                font-size:16px;
                color:#333;
                text-transform: uppercase;
                text-decoration: none;
                transition:.3s all ease;
            }
            .learn-how-to-fund ul li:hover a {
                color:#fff;
            }
	@media only screen and (min-width:480px) {
		#stl-fund-it-container .learn-how-to-fund {/*background:url(http://stelterstaging.ingeniuxondemand.com/Documents/Stelter/master-site/css/css-images/fund-it.png) 0 0 no-repeat;padding:0 0 0 70px;*/}
			#stl-fund-it-container .learn-how-to-fund ul li {display:inline-block;width:45%;}
	}
	@media only screen and (min-width:768px) {
        #stl-fund-it-container .learn-how-to-fund ul {margin:0 -5px;}
		#stl-fund-it-container .learn-how-to-fund ul li {width:31%;}
		
		/* pages with 2 column fund it section */
		#endowed-gifts-page #stl-fund-it-container .learn-how-to-fund ul li, #memorials-and-tribute-gifts-page .learn-how-to-fund ul li {width:35%}
	}

/* ADAPTIVE - Remove from Custom */
/* uncomment this to use 
.learn-how-to-fund {background:none;margin:20px 0px 20px 10px;}
@media only screen and (min-width:768px) {
	.learn-how-to-fund {padding:0;}
		.learn-how-to-fund h3 {background-color:#000; color:#fff !important; margin:0; padding:10px; text-align:center;}
		.learn-how-to-fund ul {padding:10px; margin:10px 25px; list-style-type:disc;}
}
*/

/* -------------------------------
		Gift Illustrator
------------------------------- */	
#gift-illustrator-full-width-container {
    background:#DFDFDF;
}

	/* DEFAULT */
	#stl-gift-illustrator-container {padding:35px 0;}
		#stl-gift-illustrator-container .GIfeature {margin:0;padding:0;}
			#stl-gift-illustrator-container .GIfeature h3, .stl-gift-illustrator-row .GIfeature h3 {color:#990000; font-size:20px; margin:0;padding:5px 20px;}
			#stl-gift-illustrator-container .GIfeature p, .stl-gift-illustrator-row .GIfeature p {margin:0;padding:0 20px 10px;}
			#stl-gift-illustrator-container .GIfeature p:first-of-type, .stl-gift-illustrator-row .GIfeature p:first-of-type	{margin-top:10px;}
            
            #stl-gift-illustrator-container a {
                font-family: 'Oswald', sans-serif;
                color: #333;
                border: 1px solid #333;
                border-radius: 5px;
                text-decoration:none;
                text-transform:uppercase;
                padding:5px 20px;
                display:inline-block;
                margin-top:10px;
            }

@media screen and (min-width:768px ) {
    #stl-gift-illustrator-container {
        background: url(css-images/CalculateYourBenefits.png) no-repeat;
        background-position: 40px;
        padding-left:230px;
    }
}
			
	/* ADAPTIVE - Remove from Custom */
	/* uncomment to use
	.stl-gift-illustrator-row .GIfeature {background:#ccc;margin:20px 0;padding:0;}
	*/

/* -------------------------------
		PEPK Pullout
------------------------------- */

#stl-pepk-container:before {
    content: url(css-images/PEPCImage.png);
    display:block;
}

/* DEFAULT */
.stl-pepc-promo h3 {
    text-align:center;
    font-size:16px !important;
    color:#333 !important;
    margin:10px 0 10px 0;
}
.stl-pepc-promo img {display:none;}
.stl-pepc-promo .stlButton {padding:5px 0;}
.stl-pepc-promo .stlButton span {display:block;font-size:16px;}

@media screen and (min-width:992px){
	.stl-pepc-promo img {/*display:block;*/}
}

#stl-pepk-container h3 {text-transform: capitalize;}

/* CUSTOM - REMOVE FROM ADAPTIVE */
@media screen and (min-width:992px){
	#stl-pepk-container {/*margin:30px 0;padding:30px 0;position:relative;*/}
		#stl-pepk-container h3 {/*margin-left:40%;width:50%;*/}
		#stl-pepk-container img {/*position:absolute;left:40px;top:10px;*/}
	#stl-pepk-container .stlButton {/*padding:10px 0;*/}
			#stl-pepk-container .stlButton span {/*margin-left:50%;padding:0;text-align:center;width:30%;*/}
}
@media screen and (min-width:1024px) and (max-width:1200px){
    #stl-pepk-container .stlButton span {/*width:34%;*/}
}
 
/* ADAPTIVE - REMOVE FROM CUSTOM */
/* uncomment to use
.stl-pepc-promo img {margin:0 auto;}
*/



/* -------------------------------
		Next Steps
------------------------------- */
/* Hide outer container on pages that don't have next steps */
#personal-estate-planning-kit-page #next-steps-container,
#for-professional-advisors-page #next-steps-container {
    display:none;}

#stl-next-steps-container {
    padding:20px 40px;
}

	.next-steps.row {margin:20px 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;}
		.next-steps ol {padding:0 0 0 15px;} /* Align list elements flush left */
	@media only screen and (min-width:768px) {
		#stl-cms .next-steps h3.next-steps-head.hidden-xs.visible-md.visible-lg {margin-top:0;}
		.next-steps ol li {margin-bottom:10px;}
		.next-steps p {margin:10px 15px}
	}

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

/* -------------------------------
		Popup Forms
------------------------------- */		
	.popup-form { background:#FFF; margin:40px auto; padding:20px 30px; text-align:left; max-width:450px; position:relative; }
	#brochureform, #DCGAbrochureform, .white-popup-block {background:#FFF; margin:0 auto; padding:20px; text-align:left; max-width:450px; position:relative; }
		.white-popup-block p {font-size:18px;}
			.white-popup-block p input[type="text"], .white-popup-block p input[type="email"] {width:100%;} 

/* -------------------------------
		DCGA Pullout (CGA Page Only)
------------------------------- */

#dcga-full-width-container {
    background:#222222;
    /*padding:5px 0;*/ /*can't have padding, otherwise this container will display on pages without dcga*/
}
	/* DEFAULT */
	#dcga-container {clear:both; color:#fff;}
		#dcga-container h3 {color:#fff; padding:5px 20px; font-size:20px;}
		#dcga-container p {color:#fff; padding:0 20px 10px;}
        #dcga-container a.stlButton {color:#fff !important; border:1px solid #fff; display:inline-block; width:auto; margin-left:20px; margin-bottom:20px; transition:.3s all ease;}
        #dcga-container a.stlButton:hover {color:#333 !important; background:#fff; text-decoration:none;}

@media screen and (min-width:768px) {
    #dcga-container {
        background: url(css-images/GiftsThatPay.png) no-repeat;
        background-position: 40px;
        padding: 20px 0;
        padding-left: 230px;
    }
}

	/* ADAPTIVE - remove from Custom */
	/* uncomment to use
		#dcga-container {clear:both;}
	*/

/* -------------------------------
		eBrochure pullouts 
------------------------------- */
	.pull-right.eBrochure {
        float: none !important;
        display:inline-block;
        max-width: 271px;
    }
    .pull-right.eBrochure:before {
        content: url(css-images/BrochureImage.png);
    }
	.eBrochure h3 {
        margin:10px 0 10px 0;
        text-align:center;
        font-size:16px;
        color: #333;
        text-transform:none;
    }

/* -------------------------------
		Real Estate Page
------------------------------- */	
	.reg-toggle-container {margin:10px 0; text-align:left;}
		.reg-toggle-box {border:1px solid #888;padding:5px 10px;cursor:pointer;}
			.reg-toggle-box span:first-of-type {text-decoration:underline;}
			.reg-toggle-box span.toggle-span:before {content:" ";}
		.reg-content {display:none;margin: 0 0 20px;}
            .reg-content p {margin-top:10px;}
			.reg-content > p:last-child, #real-estate-page .reg-content > p:last-child a {margin-bottom:0;}
            .reg-content .stlButton {margin:auto; margin:0;}
		@media screen and (min-width:768px){
			.reg-content .stlButton {width:25%;}
		}

/* -------------------------------
		Definition Flyovers
------------------------------- */	
	.popup-flyover {display:none;}
	.popup-flyover:after {}
		.popup-flyover span.toolH3:empty {display:none;}
		.popup-flyover p {line-height:1.2em;}
		.popup-flyover p:nth-child(2) {margin-top:10px;} /* Add space under headers in flyovers */
	@media only screen and (min-width:768px) {}

/* -------------------------------
		Contact Us Page
------------------------------- */		
#stl-contact-form-container form {background:none; padding-left:0;}

	.stl_ContactInfo {margin-bottom:20px;}
		.stl_ContactName {font-weight:bold;}
		    #contact-us-page .txttrnsform {text-transform: uppercase;}
		.stl_ContactTitle {font-style:italic;}
		/* form */
		#stl-contact-form input[type="text"], #stl-contact-form input[type="email"], #stl-contact-form textarea {border:1px solid #999;padding:3px;width:100%;}
		@media only screen and (min-width:768px) {
			#stl-contact-form input[type="text"], #stl-contact-form input[type="email"], #stl-contact-form textarea {width:50%;}	
		}

/* .stl-standard-form 
-------------------------------------------------------*/
fieldset {padding:0; border:0; margin-bottom:20px;}
.stl-standard-form legend {font-weight:bold; margin-bottom:20px;}
.textbox {margin-bottom:20px;}
.stl-standard-form input[type="text"], .stl-standard-form input[type="email"], .stl-standard-form textarea,
 form input[type="text"], form input[type="email"], form textarea {font:inherit; border-radius:5px; border:1px solid #999; padding:8px; width:100%;}
#contactReCaptcha, .contact-page #reCaptcha, #gift-intention-captcha, #standard-form-captcha, #ebroReCaptcha, #dcgaReCaptcha, #reengage-captcha {margin:2.5rem 0 1rem;}
.stl-standard-form label {display:block; margin-bottom:5px;}
.stl-standard-form br {display:none;}

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


/* -------------------------------
		PEPC Download Page
------------------------------- */	
	#bymail {display:none; margin:10px 0 30px 0;} /* Hides bymail option until selected */
	@media only screen and (min-width:768px) {
		#pepc {margin-top:18px;}
		.notes {color:#f00;}	
		#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;}
		* html .clearff {zoom:1;}
		/* IE6 */
		*:first-child+html .clearff {zoom:1;}
	}
	#ira-charitable-rollover-page #PEPC-btn {
	display: none;
}

#personal-estate-planning-kit-page .default-site-container .mainCol {padding-bottom:0;}
#personal-estate-planning-kit-page #stl-cms {padding:0 15px;}
#personal-estate-planning-kit-page .case-study {margin:0;}
	
/* -------------------------------
		VFW Planning Publications
------------------------------- */	
.story {
    overflow:auto;
}

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