/*=========================================================================================================== Site Info ============================================================================================================= Date: 08/05/2019 Site: Science Center of Iowa, A0017993 Web Developer: Melissa Kline Last Modified By: Web Developer -- MM/DD/YY -- modifications Find/replace default color #acc313 /* ============================================================================================================= Stylesheet Info ============================================================================================================= Index: Base Generic Home Page Sub-Page Gift Exclusions IMPORTANT NOTES - PLEASE READ BEFORE STARTING YOUR SITE: Fill out the information above (Site Info) so that we can have a quick reference of who built this site. The layout styling in this css file is 99% complete by default. You will need to update fonts and colors to fit the client's styling. This stylesheet contains excess styling to account for client selections, please follow the "remove/uncomment based on client selections" comments in this stylesheet to keep the styles clean. Take note of those comments in the template files as well. Update the body font-family/styling to match the client's site. Fonts should be updated in the "Typography" section, with component font customizations being done in that component's section. Most components use font:inherit, so you may not have to update many components' fonts unless the client uses multiple fonts. Colors can be updated in the "Client Specific Overrides" section or in that component's section of this file. Journey Styling: Uncomment the styling related to the client's selected journey type. Make any necessary color/font changes for the journey. Delete the styling for the other journey types. Note that the correct @media query is included with each journey type (accordion doesn't require a @media query). ============================================================================================================*/ /************************************************************************************************************* ////////////////////// 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;} body > p {display:none;} a {text-decoration:none;} /* Apply border-box to all content */ *, *:before, *:after {box-sizing:border-box;} /* bootstrap hidden class */ .hidden {display: none !important;visibility: hidden !important;} /* 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 */ @media screen and (max-width:939px){.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:940px){ .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 :: ----------------------
@[TextHeader]
@[TextFooter]
*/ /* 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; margin:0 auto; padding:0 15px;} #stl-container {display:block; margin-top:30px;} .home-page #stl-container {margin-top:0;} .interior-container {width:100%;} /* If interior pages use two column layout */ .interior-two-col {text-align:left;} .interior-two-col #stl-container {max-width:1200px; padding:0 15px; margin:30px auto 0;} @media screen and (max-width:768px) { .interior-container + .interior-container {display:flex; flex-direction:column;} #for-professional-advisors-page.interior-two-col .interior-container + .interior-container, #personal-estate-planning-kit-page.interior-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.interior-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; } .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;} #for-professional-advisors-page #stl-container {max-width:990px;} #for-professional-advisors-page.interior-two-col .interior-container + .interior-container, #personal-estate-planning-kit-page.interior-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.interior-one-col .interior-container + .interior-container {display:none;} .article-page #stl-container, .contact-page #stl-container {text-align:left; max-width:990px; margin:30px auto;} } /* Typography -------------------------------------------------------*/ html {font-size:62.5%} body {background:#fff; margin:0; padding:0; font-family:"Roboto Condensed", sans-serif; font-size:1.6rem; line-height:1.5; color:#535353; font-weight: 400;} /* Links/Buttons */ .sub-middle-section a, .stl-white-popup a, /* Journey popup */ .getting-started-suggestion li a /* Get Started popup */ { color: #acc313; text-decoration: underline; } .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 { 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:inherit; font-weight:400; color:#fff; background-color:#acc313; border:none; border-radius:0; padding: 0.5em 1em; margin:0 auto; opacity:1; text-decoration:none; text-transform:uppercase; width:auto; transition: background-color 0.3s ease,color 0.3s 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; background-color: #83950e; color: #fff; } /* 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 {font:inherit; color:inherit;} .sub-middle-section p, .sub-middle-section table, .sub-middle-section form {margin:0 0 1.5rem;} .sub-middle-section blockquote {margin:0 20px 1.5rem; padding:3px 15px; border-left:4px solid #ddd;} .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 {} /* Headings Reset */ .stl-page-header {font-family:inherit; font-size:3.6rem; color:#ACC313; font-weight: 100; letter-spacing: -.01em;} /* Page header (not always used) */ .stl-page-title {font-family:inherit; font-size:3.6rem; color:#ACC313; font-weight: 100; letter-spacing: -.01em;} /* Page title styles */ .subpage .stl-page-title {margin-bottom:5px;} .stl-page-subtitle {font-family:inherit; font-size:2.2rem; color:#202020; font-weight: 400;} /* Sub Title styles */ .subpage #stl-cms .stl-page-subtitle {margin-bottom:30px;} .sub-middle-section h3, .main-copy h3, .main-copy h2 {font-family:inherit; font-size:1.6rem; color:#535353; margin-top:0; font-weight: 700;} /* If interior pages use the two column layout */ .interior-one-col .stl-page-title {text-align:left; max-width:990px; margin:0 auto 10px; padding:0 15px;} .interior-one-col .stl-page-subtitle {text-align:left; max-width:990px; margin:0 auto 15px; padding:0 15px;} .interior-two-col .stl-page-title {width:100%; flex:0 0 auto;} .interior-two-col .stl-page-subtitle {width:100%; flex:0 0 auto; margin:0 0 15px;} /* Lists */ .sub-middle-section ul, .sub-middle-section ol {font:inherit; color:inherit;} .sub-middle-section li {font:inherit; color:inherit;} .main-copy ol {margin:0 0 1.5rem 30px; padding:0;} .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 #333; 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:940px){ #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 #333; 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(/Images/Stelter/caution.png) 0 2px no-repeat; padding-left:25px;} /************************************************************************************************************* ////////////////////// Client Selection Overrides *************************************************************************************************************/ /* Client specific overrides can go in this section */ .stl-header {background:#111111;} .stl-footer {background:#222; color:#fff;} /* Home Page component colors - can remove to customize in their component sections */ #stl-journey-container {} #stl-getting-started-container {background:#6D2077; color: #fff;} .hotnews {color:#fff; background:#333;} #stl-whats-new a.stl-wn-view-more {color:#fff; background:#acc313;} .home-feature:nth-child(odd) {color:#fff; background:#5B9B98;} .home-feature:nth-child(odd) h3 {color: #fff;} .home-feature:nth-child(odd) .stlButton {color:#acc313; background:#fff;} .home-feature:nth-child(even) {background:#acc313; color: #fff;} .home-feature:nth-child(even) h3 {color: #fff;} .home-feature:nth-child(even) .stlButton {color:#fff; background:transparent; border: 3px solid #fff !important;} .home-feature:nth-child(even) .stlButton:hover, .home-feature:nth-child(even) .stlButton:focus {color: #acc313 !important; background-color: #fff !important;} /* Popup border and close button color */ .mfp-content {border-color:#acc313;} div.mfp-content .mfp-close {color:#acc313;} .getting-started-popup div.mfp-content .mfp-close, div.mfp-content .mfp-iframe-scaler .mfp-close {color:#fff; background:#acc313;} /* Header / Footer -------------------------------------------------------*/ .stl-header .container {display:flex; flex-direction:row; justify-content:space-between; align-items:center; /*padding:10px 15px;*/} .client-logo {display:block;} .client-logo img {max-height: 60px; padding-right: 20px; padding-top: 5px;} .stl-footer {padding:20px 15px 10px;} .stl-footer p {font-size:1.4rem;} .stl-footer p a {color:inherit;} .stl-footer #stl-question-widget-form p {font-size:inherit;} #stl-copyright-container, #stl-tax-id-container {max-width:1200px; margin:0 auto;} #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:10pt !important; } .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-bottom {display:flex; flex-direction:column-reverse; align-items:center; padding:10px 0 0;} .footer-right a {color:#acc313; font-size:2.0rem; margin:0 5px; opacity:0.85;} .footer-right a:hover, .footer-right a:focus {opacity:1;} .footer-bottom {padding-bottom:60px;} #stl-tax-id-container {color:#acc313;} @media screen and (max-width:939px){ .footer-right a {padding:11px;} } @media screen and (min-width:940px) { .stl-header .container {flex-direction:column; /*max-width:1080px;*/ max-width:1200px; margin:0 auto; } .footer-bottom {flex-direction:row; /*justify-content:space-around;*/ justify-content:space-between; max-width:1200px; margin:auto;} } /* Remove if client has chosen menu to always be below logo */ @media screen and (min-width:1100px) { .stl-header .container {flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center;} .client-logo {margin-left: 15px;} #stl-cms ul#rightnav > li > a {padding:10px 10px !important;} } /* Top Navigation -------------------------------------------------------*/ #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;} #nav-toggle:before {display:inline-block; content:'\f0c9'; font-family:FontAwesome; color:#acc313;} .nav-active #nav-toggle:before {content:'\f00d';} #nav-toggle .stl-menu-text {display:block; font-size:1.4rem; color:#acc313;} .navigation {display:block; width:100%; max-width:1080px;margin:0 auto; flex:0 1 auto;} #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;} #stl-cms ul#rightnav li a:hover, #stl-cms ul#rightnav li a:focus {text-decoration:none;} #stl-cms ul#rightnav li.sectionhome a:hover, #stl-cms ul#rightnav li.sectionhome a:focus {} #stl-cms ul#rightnav li.onTrail > a:hover, #stl-cms ul#rightnav li.onTrail > a:focus, #stl-cms ul#rightnav li.onTrail a[aria-expanded='true'] {cursor:default; 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:939px) { body.nav-active {overflow:hidden; position:fixed; top:0;} /* Mobile Nav Collapsed */ .navigation {display:block; position:fixed; height:100%; width:100%; top:79px; right:-100%; background:#000; 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:3rem;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:#bababa; display:inline-block; padding:12px 25px; display:block; text-transform: none; font-weight: 400; font-size: 1.4rem;} #stl-cms ul#rightnav li a:hover, #stl-cms ul#rightnav li a:focus {color: #bababa !important;} #stl-cms ul#rightnav li.sectionhome a {color: #acc313; font-size: 2.0rem !important; font-weight: 700; text-transform: uppercase;} #stl-cms ul#rightnav li.sectionhome a:hover, #stl-cms ul#rightnav li.sectionhome a:focus {color: #acc313 !important;} #stl-cms ul#rightnav li.sectionhome a, #stl-cms ul#rightnav > li > a {font-size: 1.6rem; display:block; text-transform: uppercase; font-weight: 700;} #stl-cms ul#rightnav > li > a:not(:only-child):after { color:#bababa; content:"\f078"; font-family:FontAwesome; position:absolute; right:35px; transition: all 500ms ease; transform-origin: center center; } #stl-cms ul#rightnav > li > a[aria-expanded="true"]:after {transform:rotate(180deg);} /* 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:#acc313; font-size:3rem;} } @media screen and (min-width:940px) { #nav-toggle, .social-mobile {display:none;} #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; width: 100%; text-align: center; padding: 10px 0;} #stl-cms ul#rightnav li a {color: #fff;} #stl-cms ul#rightnav li.onTrail > a, #stl-cms ul#rightnav li.sectionhome a, #stl-cms ul#rightnav > li > a {display:inline-block; padding:10px 7px;} #stl-cms ul#rightnav > li:hover, #stl-cms ul#rightnav > li:focus, #stl-cms ul#rightnav > li:active {background-color: #acc313;} #stl-cms ul#rightnav li.onTrail:hover > a, #stl-cms ul#rightnav li.onTrail:focus > a, #stl-cms ul#rightnav li.sectionhome a:hover, #stl-cms ul#rightnav li.sectionhome a:focus, #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:; width: 100%; } #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:#111; 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 0; margin-top:10px; max-width: 500px;} #stl-cms ul#rightnav li.onTrail li {display:block;} #stl-cms ul#rightnav li.onTrail li a {color:#fff; padding-right: 20px;} #stl-cms ul#rightnav li.onTrail li a:hover, #stl-cms ul#rightnav li.onTrail li a:focus {background-color: #acc313;} } /************************************************************************************************************* ////////////////////// Home Page *************************************************************************************************************/ /* Banner/Intro -------------------------------------------------------*/ /* update with client specific background-image */ #stl-banner {display:block; min-height:180px; background-image:url(/documents/S/science-center-of-iowa/images/home-banner.jpg); background-position:center center; background-repeat: no-repeat; background-size:cover; display:flex; flex-direction:column;} @media screen { .stl-top {position:relative;} .stl-intro {display:block; padding:40px 15px; text-align:center; background:linear-gradient(to top,rgba(0,0,0,0.95) 7.5%,rgba(0,0,0,0.382) 47%,rgba(0,0,0,0.278) 56.5%,rgba(0,0,0,0.194) 65%,rgba(0,0,0,0.126) 73%,rgba(0,0,0,0.075) 80.2%,rgba(0,0,0,0.042) 86.1%,rgba(0,0,0,0.021) 91%,rgba(0,0,0,0.008) 95.2%,rgba(0,0,0,0.002) 98.2%); color: #fff;} .stl-intro p {font-family: Roboto, sans-serif; max-width:750px; margin:0 auto 20px; font-size: 1.6rem;} .home-page .stl-page-title {font-family: "Roboto Condensed", sans-serif;font-size: 6.0rem;font-weight: 700;letter-spacing: -.8px;text-transform: uppercase;color: #fff;margin-bottom: 0;} .home-page .stl-page-subtitle {font-family: Roboto, sans-serif;font-size: 3.0rem;font-weight: 400;color: #acc314;margin-top: 0;margin-bottom: 0; line-height: 3rem;} } /* 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 #ddd; }*/ @media screen and (min-width:940px) { #stl-banner {/*height:0; width:100%; padding-top:25%;*/ display:flex; flex-direction:column;} .stl-intro {/*max-width:550px;*/ text-align: left; padding-left: 25px;} .stl_clientMissionBody {max-width: 650px;} } /* Uncomment if client does not want intro copy in banner image */ /*.stl-intro {margin:0 auto;} @media screen and (min-width:940px) { #stl-banner {height:0; width:100%; padding-top:25%;} }*/ /* Gift Notification -------------------------------------------------------*/ #stl-notification-container {text-align:center; } #stl-notification-container h3 {margin-bottom:0; color: #fff;} #stl-notification-container p {margin-top:35px;} .home-page #stl-notification-container {padding: 30px 40px;} #stl-notification-btn.stlButton {background-color: transparent; border: 3px solid #ACC314;} #stl-notification-btn.stlButton:hover, #stl-notification-btn.stlButton:focus {background-color: #ACC314;} #stl-notification-btn.stlButton .fa {margin-right:10px;} /* variation styling */ #stl-notification-container {margin-bottom:30px;} .home-page #stl-notification-container {padding:30px; background:#111;} #stl-notification-container .container {display:flex; flex-direction:column; justify-content:center; align-items:center;} #stl-notification-btn.stlButton {margin:10px 0 0 0;} @media screen and (min-width:940px) { #stl-notification-container .container {flex-direction:row;} #stl-notification-btn.stlButton {margin:0 20px;} } /* 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; width:100%; clear:both; float:none; padding:40px; margin:0; text-align:center;} .narrow-container .not-sure-stacked .hotnews {margin:0 0 40px;} #stl-whats-new h3 {color:inherit;} #stl-whats-new ul {margin:0 0 20px; padding:0; color:inherit;} #stl-whats-new ul li {color:inherit; display:block; margin:0 0 3px;} #stl-whats-new ul li a {color:inherit; display:inline-block;} #stl-whats-new ul li a:hover, .hotnews ul li a:focus {color:inherit;} a.stl-wn-view-more {font-weight:bold; display: inline-block; padding: 10px 15px; text-transform: uppercase; transition:0.2s ease;} a.stl-wn-view-more:hover, a.stl-wn-view-more:focus {text-decoration:none; opacity:0.9;} @media screen and (min-width:940px) { .one-col .hotnews {width:100%; margin:0;} .two-col .hotnews {width:calc(50% - 20px); flex:0 1 auto; margin:0 0 40px 0;} } /* What's New Listing Page */ #stl-whats-new-listing .wn-list-item { margin-bottom: 20px; } #stl-whats-new-listing .wn-list-item h3.wn-list-item-title { margin-bottom: 10px; } #stl-whats-new-listing .wn-list-item p.wn-list-teaser { font-style: italic; } #stl-whats-new-listing .wn-list-item p.wn-subtitle { font-weight: bold; margin-bottom: 0; } /* 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 > h3 {display:block !important; text-align:center; font-size:3.0rem; margin-bottom:10px;} #stl-cms .stl-journey-paths > h4 {display:none !important;} #stl-cms .stl-journey-paths > p {font-size:2.0rem; margin:0 0 30px; text-align:center;} #stl-cms .stl-journey-paths div.stl-colwrap div.stl-col.stl-w-04 {width:100%; margin:0 auto 20px;} /* Top Buttons Images Journey - REMOVE IF NOT USED */ #stl-journey-container {margin:0 0 40px; padding:0;} #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: #acc313; 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:#acc313; 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: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;} } /* 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;} /* Old Custom Sites and Adaptive Sites (Mobile) */ .middle-results .modal-body li a {text-transform:lowercase; display: block;} .middle-results .modal-body li a:first-letter {text-transform:uppercase;} @media screen and (min-width:1024px) { .stl-white-popup .journey li a, .middle-results .modal-body li a {display: inline-block;} } /* 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-family:inherit; font-size: 3.0rem !important; line-height: 1.1; font-weight: normal; 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:#acc313; color:#fff;} .not-sure-where-to-being-questionnaire ul li.q2 > div, .not-sure-where-to-being-questionnaire ul li.q3 > div {padding:0 0 0 33px;} .not-sure-where-to-being-questionnaire ul li input {display:inline-block; margin: 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 #ccc; padding-bottom:5px; margin-bottom:10px;} .not-sure-where-to-being-questionnaire ul li.q1 > p {margin:0 0 10px;} .getting-started-suggestion ul {margin-left:33px;} .getting-started-suggestion ul li {list-style:disc; margin:0 0 5px; padding:0;} .getting-started-suggestion li a {font:inherit; 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 {display: flex; flex-direction: column; justify-content: center; padding:40px; margin:0; text-align:center;} .notSure {} .not-sure-inside h3 {font-size:3.0rem; margin-bottom:10px; color: #fff;} .not-sure-inside p {margin:0; font-size:2.0rem;} .not-sure-inside p a {font-weight:bold; color: #fff;} @media screen and (min-width:940px) { #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:#6D2077; padding:50px 30px; margin-bottom:20px; text-align:center; color: #fff;} #stl-home-pepc-container h3 {font-size:3.0rem; margin-bottom:5px; color: #fff;} #stl-home-pepc-container img {max-width:291px;} #stl-home-pepc-container .stlButton {border: 3px solid #fff; background-color: transparent;} #stl-home-pepc-container .stlButton:hover, #stl-home-pepc-container .stlButton:focus {background-color: #fff; color: #acc313;} @media screen and (min-width:940px) { #stl-home-pepc-container {text-align:left;} #stl-home-pepc-container .container {max-width:930px;} /*#stl-home-pepc-container p {overflow:hidden; max-width:600px;}*/ #stl-home-pepc-container img {float:left; margin-top:-65px; margin-right:30px;} } /* Custom Home Features -- Remove if unnecessary -------------------------------------------------------*/ .home-feature {align-items:center; text-align:center;} .home-feature h3 {font-size:2.5rem} .home-feature p {max-width:350px;} .home-feature:first-child {display: flex; flex-direction: column; justify-content: center; width:100%; clear:both; float:none; padding:60px; margin:0; position:relative;} .home-feature:first-child h3 {color:inherit;} .home-feature:first-child p {color:inherit;} #stl-cms .home-feature .stlButton {min-width:200px;} .home-feature + .home-feature {display: flex; flex-direction: column; justify-content: center; width:100%; clear:both; float:none; padding:60px; margin:0; position:relative;} .home-feature + .home-feature h3 {} @media screen and (min-width:940px) { #stl-home-features {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap:wrap;} .home-feature {width:100%; margin:0;} .home-feature h3 {font-size:2.1rem;} /* 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%;} } @media screen and (min-width:1025px) { .home-feature h3 {font-size:2.8rem;} } /* Home Contact Feature -------------------------------------------------------*/ #stl-contact-callout-container {text-align:center; background:#acc313; background-size:cover; background-position:center; color:#fff; position:relative;} #stl-contact-callout-container .stl-contact-callout {padding:25px 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 h3 {font-size:3.0rem; margin-bottom:5px;} #stl-contact-callout-container p {max-width:350px; margin-left:auto; margin-right:auto;} #stl-contact-callout-container h3, #stl-contact-callout-container .container {z-index:1; position:relative; color: #fff;} #stl-contact-callout-container .stlButton {background-color: transparent; border: 3px solid #fff;} #stl-contact-callout-container .stlButton:hover, #stl-contact-callout-container .stlButton:focus {background-color: #fff; color: #acc313;} /************************************************************************************************************* ////////////////////// Sub-Page *************************************************************************************************************/ /* Breadcrumbs -------------------------------------------------------*/ #stl-cms ol.breadcrumb {width:100%; float:none;} /* 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 .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;} #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 -------------------------------------------------------*/ /* 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 h3 {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 {display:none;} /* Fund It -------------------------------------------------------*/ .fund-it {padding:0; margin:0 0 40px;} .fund-it.fund-listed {background:#fff; padding:25px 25px 25px 0; 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; /*padding:25px;*/} .fund-listed h3 {color:#535353;} .fund-listed ul {margin:0 0 0 20px; padding:0; list-style-type:disc; color:#535353; } .fund-listed ul li {color:#535353;} .fund-listed ul li a {color:#acc313;} .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:#acc313; background-color:#fff; border:2px solid #acc313; 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:#acc313; color:#fff;} @media screen and (max-width:939px){ .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:#B7A99A; background-size:cover; padding:25px; margin:0 0 40px; text-align:center;} .GIfeature {max-width:960px; margin:0 auto;} .interior-two-col .GIfeature {text-align:center;} .GIfeature p + p {margin:0;} .GIfeature .lightbox {background-color: transparent; border: 3px solid #fff;} .GIfeature .lightbox:hover, .GIfeature .lightbox:focus {background-color: #fff; color: #acc313;} @media only screen and (min-width: 768px) { #stl-gift-illustrator-container {position:relative;padding-top:30px; padding-left:calc(35% + 20px);text-align:left;} #stl-gift-illustrator-container:before {content:''; display:block; position:absolute; width:35%; height:100%; top:0; left:0; background:url(/documents/S/science-center-of-iowa/images/calculate.jpg) no-repeat left; background-size:cover; max-height: 250px;} } #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 {background:#5B9B98; color:#fff; padding:25px ; margin:0 0 40px; text-align:center;} #ebrochure-pullout-container h3 {color:#fff; margin:0 0 10px;} #ebrochure-pullout-container p {color:#fff; margin:0 auto 20px; max-width:600px;} #ebrochure-pullout-container .stlButton {} /* DCGA */ #dcga-container {margin-top:20px; margin-bottom:20px;} #dcga-container p { margin:0; } /* PEPK -------------------------------------------------------*/ .stl-pepk-promo-container {background:#6D2077; color:#fff; padding:25px; margin:90px 0 40px; text-align:center;} .stl-pepk-promo-container.stl-pepc-promo {display:block;} .stl-pepk-promo-container .container {padding:0; max-width:990px;} .stl-pepk-promo-container img {margin-top:-100px; max-width:187px;} .stl-pepk-promo-container h3 {color: #fff;} /* 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 h3 {margin-top:10px; color: #fff;} .stl-pepk-promo-container.main-column, #beneficiary-designations-page.interior-two-col .stl-pepk-promo-container.main-column {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:940px) { .stl-pepk-promo-container.main-column img {margin-top:0; margin-right:20px; float:left;} } /* 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:#D0DEBB; padding:25px; margin:0 0 40px; text-align:left;} .interior-one-col .next-steps {text-align:center;} .interior-one-col .wide-container .next-steps {margin:0;} .next-steps h3 {text-align:center;} .next-steps a {color: #535353;} .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:768px) { .interior-two-col .next-steps {order: 2;} } /* Accordions / Toggles -------------------------------------------------------*/ .reg-toggle-container {margin-bottom:1rem;} .reg-toggle-box {background:#eee; padding:10px 50px 10px 10px; cursor:pointer; position:relative; border: 1px solid #ccc;} .reg-toggle-box:before { float: right; content:"\f078"; font-family: 'FontAwesome'; position: absolute; margin: 0; right: 10px; top: 50%; transform: translateY(-50%); } .reg-toggle-box .toggle-span {display:none;} .reg-content {display:none; padding:10px 25px 0;} #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:#acc313; } /* Icon Hover */ .reg-toggle-box:hover:before, .reg-toggle-box:focus:before { color:#535353; } /* Icon Active */ .reg-toggle-box.stl-is-active:before { color:#535353; content:"\f078"; } /* 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 and Forms -------------------------------------------------------*/ .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;} /* form */ #stl-contact-form input[type="text"], #stl-contact-form input[type="email"], #stl-contact-form textarea, #gift-intention-form input[type="text"], #gift-intention-form input[type="email"], #gift-intention-form textarea, #stl-cms form input[type="text"], #stl-cms form input[type="email"], #stl-cms form textarea {font:inherit; border:1px solid #999; padding:8px; width:100%;} .contact-page #stl-cms .stlButton {} #contactReCaptcha, .contact-page #reCaptcha, #gift-intention-captcha, #standard-form-captcha, #ebroReCaptcha, #dcgaReCaptcha, #reengage-captcha {margin:2.5rem 0 1rem;} #stl-contact-form label, #gift-intention-form label, #stl-cms form label {display:block; margin-bottom:5px;} #gift-intention-form .textbox-group {margin-bottom:20px;} #reengagement-response-form > fieldset > p > label {margin-bottom: -20px;} @media only screen and (min-width:768px) { #stl-cms form input[type="text"], #stl-cms form input[type="email"], #stl-cms form textarea {width:100%;} /*form#stl-contact-form input[type="text"], form#stl-contact-form input[type="email"], form#stl-contact-form textarea, form#gift-intention-form input[type="text"], form#gift-intention-form input[type="email"], form#gift-intention-form textarea {width:50%;}*/ #stl-cms #stl-pepc-form-container form input[type="text"], #stl-cms #stl-pepc-form-container form input[type="email"], #stl-cms #stl-pepc-form-container form textarea {width:100%;} form#stl-contact-form, form#gift-intention-form, form#reengagement-response-form {width:50%;} } fieldset {padding:0; border:0;} /* Base styles for form placeholders */ ::-webkit-input-placeholder {color:#C4C3C3;} ::-moz-placeholder {color:#C4C3C3;} /* FF 19+ */ :-moz-placeholder {color:#C4C3C3;} /* FF 18- */ :-ms-input-placeholder {color:#C4C3C3;} .placeholder {color:#C4C3C3;} /* for the polyfill */ /* Global Gift Intention Form -------------------------------------------------------*/ .gift-intention-form-container #gift-intention-form fieldset {border:none;margin:20px 0;padding:0;} .gift-intention-form-container #gift-intention-form input[type=checkbox] {-webkit-appearance:checkbox;margin-right:10px;} .gift-intention-form-container #gift-intention-form .checkbox {display: flex;margin-bottom: 0;} .gift-intention-form-container #gift-intention-form legend {font-weight:bold;} .gift-intention-form-container #gift-intention-form .inline-input {display:flex;} .gift-intention-form-container #gift-intention-form .inline-input input[type=text] {margin-left:5px;} /* Articles -------------------------------------------------------*/ .article-page .main-copy {} .article-page .main-copy p:last-of-type {margin: 0 0 10px;} #for-professional-advisors-page #stl-cms .stl-copyright, .contact-page #stl-cms .stl-copyright, #personal-estate-planning-kit-page #stl-cms .stl-copyright, .article-page #stl-cms .stl-copyright {margin-top: 30px;} /* 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 #ddd; 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:940px) { #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:20px;} .meet-our-donors-thumb {float:left; margin:0 15px 15px 0; display:inline-block;} /* 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:#eee; margin-bottom:0; padding:20px 0; text-align:center; position:relative;} #stl-pepc-form-container:before {display:block; content:''; background:#eee; 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; margin-top:-50px; margin-right:25px;} .interior-one-col #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.interior-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.interior-two-col #stl-cms #stl-container {max-width:990px; margin-left:auto; margin-right:auto;} #personal-estate-planning-kit-page.interior-two-col p.intro-copy {max-width:580px;} .interior-two-col #stl-pepc-content-block-container .content-row {display:block; margin-left:0; margin-right:0;} .interior-two-col #stl-pepc-content-block-container .content-section {padding:0;} .interior-two-col #stl-pepc-content-block-container .content-section + .content-section {border:none;} .interior-two-col #stl-pepc-form-container {float:right; width:340px; padding:20px; margin-top:-75px;} .interior-two-col #stl-pepc-form-container:before {display:none; content:'';} .interior-two-col #stl-pepc-form-container form {display:block; text-align:center;} .interior-two-col #stl-pepc-form-container form img {max-width:207px; margin:-100px auto 15px auto;} .interior-two-col #stl-pepc-form-container fieldset {text-align:center;} .interior-two-col #stl-pepc-form-container fieldset label, .interior-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;} @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:#ddd; padding:20px;} #stl-cms form input[type="checkbox"] {float:left; margin:3px 10px 15px 0; font-size:1.6rem;} #stl-cms form .stl-checkbox {/*display:flex; align-items:flex-start;*/ margin-bottom:20px;} #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-left:25px; 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:940px) { #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:939px) { #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 #acc313; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #acc313 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 #ccc; 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 #acc313; color:inherit; background:none;} .mfp-content #stl-announcement #announcement-nothanks {background:#ccc; color:inherit;} /* 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:#ddd;*/} #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 {} /* 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:38px;*/ 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;} /* 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:#ddd; 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:#333; 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 #ccc; 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;} #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; padding:0 !important;} #stl-fund-it-container, #stl-cms .stlButton, #stl-notification-btn.stlButton {margin:0; padding:0;} #dcga-container, #stl-page-copy-container {margin:1.5rem 0 0 !important;} .subpage #stl-cms .interior-container > div {margin:0; padding:0;} /* 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 { display:none !important; visibility: hidden !important; } /* Reset sections */ #stl-container, .pull-right, .learn-how-to-fund, #stl_case-study { width:100% !important; max-width: 100% !important; margin:0 !important; padding:0 !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 {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; padding:0; 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;} #stl-container h3 {font-size: 18pt; margin:1rem 0 1.25rem;} /* Lists */ #stl-container ul, #stl-container ol {margin:1.5rem 0 !important; padding-left: 2.45em; 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; padding:0;} #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:#ccc;} 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 {margin:0; padding:0; 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; margin:0; padding:0;} } /************************************************************************************************************* ////////////////////// 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;}*/