/*************************************************************************************

 Stelter SDS Stylesheet
 -------------------------

 * These apply to ALL SDS client sites and are NOT to be customized

*************************************************************************************/
.mfp-content .stl-custom-form {margin: 0; padding: 20px 25px 15px; background: #fff; border-radius: 0;}
.mfp-content .stl-custom-form fieldset {padding: 0; margin: 0; border: none;}

/*  Cookie Notice Popup and Page
-------------------------------------------------------*/
.stl-policy-links {display:none; visibility:hidden;}
.stl-consent-dialog {display:none; position:fixed; bottom:0; left:0; right:0; color:#fff; background: #111; font-size:16px; line-height:1.33; z-index:10001;}
.stl-consent-dialog.stl-consent-show {display:block;}
.stl-consent-wrapper {position:relative; display:flex; justify-content:space-between; align-items: flex-start; flex-wrap:wrap; padding:20px;}
.stl-consent-message {flex:0 1 calc(100% - 50px); margin:0; color:#fff;}
.stl-consent-link {color:#fff; font-weight:bold; text-decoration:underline; cursor:pointer;}
.stl-consent-btn {padding:1rem 1.5rem; color:#000; background:#fff; font-weight:bold; cursor:pointer;}
.stl-consent-allow {display:inline-block; margin:0; cursor:pointer;}
.stl-consent-close {display:inline-block;position:absolute;top:10px;right:15px;padding: 7px 0;font-family:sans-serif;font-size:30px;line-height:1;width: 44px;text-align: center;}

/*  Syndicated
-------------------------------------------------------*/

/* Syndicated Tables */
.syndicated table thead th {border: 1px solid #ddd; padding:5px 10px;}
#stl-cms .syndicated table th {border: 1px solid #ddd; background:#eee; color:inherit; font-size:inherit;}
#stl-cms .syndicated table th strong {color:inherit;}
.syndicated table td {border: 1px solid #ddd; padding:5px 10px}

/* /quiz x560147, /30-second-estate-quiz x746284 */
#stl-quiz input {width:auto; display:inline; margin:0 10px 0 0; float:inherit;}
#stl-quiz label {font-weight:normal; font-size:inherit; display:inline;}
#stl-quiz .question {margin-top:30px;}
#stl-quiz .question img {display:inline;}
#stl-quiz p.quiz-buttons {margin:30px 0 50px;}



/* ------------------------------------------------
		Platform Landing Pages / Story Pages
--------------------------------------------------- */
/* Hide Navigation on landing pages */
#get-organized-page #stl-nav,
#seventeen-reasons-page #stl-nav,
#share-your-story-page #stl-nav,
#ethical-will-page #stl-nav {display:none;}

#get-organized-page #nav-toggle,
#seventeen-reasons-page #nav-toggle,
#share-your-story-page #nav-toggle,
#ethical-will-page #nav-toggle {display:none;}

/* Hide Breadcrumbs on landing pages */
#get-organized-page #stl-breadcrumbs,
#seventeen-reasons-page #stl-breadcrumbs,
#share-your-story-page #stl-breadcrumbs,
#ethical-will-page #stl-breadcrumbs {display:none;}

/* Content */
#stl-platform-promo {background:#eee; margin-bottom:20px; padding:30px;}
#stl-cms .stl-platform-content .stl-custom-form {width:100%; background:none; padding:0;}
#stl-cms .stl-platform-content .stl-custom-form .visible-after-submit {display:none;}
#stl-cms .stl-platform-content .stl-custom-form.after-submit .visible-after-submit {padding:0 0 0 0;}

/* Form */
.platform-form-container {background:#eee; padding:20px 7px 0 7px; display:flex; flex-direction:column; align-items:center; position:relative; transition:.25s ease; visibility:visible;}
.platform-form-container .platform-form-icon {position:absolute; top:-5px; right:-5px; padding:17px; background:#999; background:#aaa; border-radius:100%; color:#fff; display:block; width:67px; height:64px;
}
.platform-form-container h3 {margin-right:45px;}

/* Buttons */
.mfp-content .submit-text {opacity:0; color:#5cb85c; margin-left:10px; transition:.2s all;}
#stl-platform-promo .stlButton {position:relative;}
#stl-platform-promo .stlButton:after { display: inline-block; position: relative; top: -2px; margin-left: 10px; text-decoration: none; content: '\f24d'; font-family: FontAwesome; font-size: 80%; transform: rotate(-90deg);}
/* Indicate that button opens a new tab */
.stl-platform-form .stlButton.external-link {position:relative;}
.stl-platform-form .stlButton.external-link:after, #stl-platform-promo .stlButton.external-link:after {display: inline-block; position: relative; top:-1px; margin-left: 10px; text-decoration: none; content: '\f08e'; font-family: FontAwesome; font-size: 80%; transform:rotate(0deg);}
/* Indicate that button opens a download */
.stl-platform-form .stlButton.download-link:after, #stl-platform-promo .stlButton.download-link:after { display: inline-block; position: relative; top:0; margin-left: 10px; text-decoration: none; content: '\f019'; font-family: FontAwesome; font-size: 100%; transform:rotate(0deg);}
.mfp-content .stl-platform-form h2, .mfp-content .stl-platform-form h3 {margin-top:10px;}

/* Share Your Story */
#share-your-story-page #stl-cms form.stl-custom-form.after-submit .visible-after-submit {padding:0;}

/* Hide + Fade in Content */
.stl-platform-hidden {opacity:0; visibility:hidden;}

/* Recaptcha */
@media screen and (max-width:380px) {
    .platform-form-container #standard-form-captcha {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        max-width: 240px;
    }
}

@media screen and (min-width:580px) {
    .platform-form-container {padding:20px 30px 0 30px;}
}

@media screen and (min-width:992px) {
    /* Wrapper */
    .stl-platform-content {display:flex; align-items:flex-start;}
    
    /* Content */
    .platform-content-block-container {width:65%; padding-right:50px;}
    
    /* Form */
    .platform-form-container {width:35%; min-width:365px;/*recaptcha*/}
    .platform-form-container img {margin-top:-50px; max-width:165px;}
    
    /* Share Your Story overrides */
    #share-your-story-page .platform-content-block-container {width:45%;}
    #share-your-story-page .platform-form-container {width:55%;}
}

/* ------------------------------------------------
		Global/Syndicated Articles
--------------------------------------------------- */
.syndicated .stl-bolded-list {font-weight:bold;}
    .syndicated .stl-bolded-list span {font-weight:normal;}


/* ------------------------------------------------
		Make a Will Landing Page
--------------------------------------------------- */
#make-a-will-page .stl-page-title,
#make-a-will-page h2,
#make-a-will-page h3 {text-wrap:balance;}

/* Define properties */
:root {
    --maw-bg-feature:#eee;
    --maw-padding-feature:50px 20px;
    --maw-margin:40px;
}
@media screen and (min-width:768px) {
    :root {
        --maw-padding-feature:50px 50px;
    }
}

/* Remove navigation, contact callout, contact widget */
#make-a-will-page #stl-nav,
#make-a-will-page .section-nav,
#make-a-will-page #rightnav,
#make-a-will-page .stl-header .navigation,
#make-a-will-page #nav-toggle, 
#make-a-will-page #stl-breadcrumbs,
#make-a-will-page .stl-contact-right,
#make-a-will-page .callout-wrap-1,
#make-a-will-page #stl-question-widget {display:none;}

/* Hide features initially to prevent flash of content */
#stl-maw-form-container,
#stl-maw-video-container,
#stl-maw-intention-container {opacity:0; transition:opacity 100ms ease-in;}
.campaign #stl-maw-form-container,
.campaign #stl-maw-video-container,
.campaign #stl-maw-intention-container {opacity:1;}

/* Intro */
#make-a-will-page .stl-page-title {text-align:center;}
#make-a-will-page .stl-page-subtitle {text-align:center; display:none;}
#make-a-will-page #stl-maw-intro-container {text-align:center; display:none;}

/* Form Section */
#stl-maw-form-container {}
#stl-maw-form-container .offer {padding:var(--maw-padding-feature); margin-bottom:var(--maw-margin); background:var(--maw-bg-feature); flex-direction:column; align-items:center; text-align:center;}
#stl-maw-form-container img {width:280px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); margin-bottom:20px;}

@media screen and (min-width:768px) {
    #stl-maw-form-container .offer {flex-direction:row; align-items:flex-start; text-align:left;}
    #stl-maw-form-container img {width:300px; margin-right:20px; margin-bottom:0;}
}
@media screen and (min-width:992px) {
    #stl-maw-form-container img {width:350px; margin-right:30px; }
}

/* Video Section */
#stl-maw-video-container #stl-video-btn {display:flex; flex-direction:column-reverse; align-items:center; text-align:center;}
#stl-maw-video-container {padding:var(--maw-padding-feature); margin-bottom:var(--maw-margin);}
#stl-maw-video-container img {width:400px; box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);}
#stl-maw-video-container .stl-photo-wrap .stlButton:is(:hover, :focus) img {box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 6px 12px rgba(0, 0, 0, 0.2);}

@media screen and (min-width:768px) {
    #stl-maw-video-container #stl-video-btn {display:flex; flex-direction:row; align-items:center; text-align:left;}
    .stl-maw-video {width:50%; float:right; margin-left:30px;}
    #stl-maw-video-container img {width:350px;}
}
@media screen and (min-width:992px) {
    #stl-maw-video-container img {width:450px;}
}
@media screen and (min-width:1200px) {
    #stl-maw-video-container img {width:500px;}
}

/* Hand Raiser Section */
#stl-maw-intention-container {padding:var(--maw-padding-feature); background:var(--maw-bg-feature); text-align:center;}
#stl-maw-intention-container .container {max-width:600px; padding:0;}
#make-a-will-page #let-us-know-form {text-align:left; margin:0 auto; border-radius: 0; padding:25px; background: #fff;}

/* Optional Giving Docs Section */
#maw-giving-docs {background:var(--maw-bg-feature); padding:var(--maw-padding-feature); margin-top:var(--maw-margin); text-align:center; display:none;}
.giving-docs #maw-giving-docs {display:block;}
#maw-giving-docs p {max-width:750px; margin-left:auto; margin-right:auto;}

/* Order the sections based on query parameters */
#stl-maw-features-container {display:flex; flex-direction:column;}

/* Offer: Download digital guides */
.campaign .offer {display:none;}
.campaign.offer1 .offer1 {display:flex;}
.campaign.offer2 .offer2 {display:flex;}
.campaign.offer3 .offer3 {display:flex;}
.campaign.all {
    .offer1, .offer2, .offer3 {display:flex;}
}
.campaign .offer .headline-alt {display:none;}

/* Offer: Video */
.offervideo #stl-maw-video-container {order:1;}
.offervideo #stl-maw-form-container {order:2;}
.offervideo #stl-maw-intention-container {order:3;}
.offervideo #maw-giving-docs {order:4;}
.offervideo .offer {display:none;}
.offervideo .offer1 {display:flex;}
.offervideo .offer1 h2 {display:none;}
.offervideo .offer1 .headline-alt {display:block;}
#stl-maw-video-container .stl-photo-wrap .stlButton {padding:0; margin:0 0 20px; line-height:1; background:none; border:none; border-radius:0; position:relative; transition:all .3s ease; }
#stl-maw-video-container .stl-photo-wrap .stlButton:is(:hover, :focus) {padding:0; margin:0; background:none; border:none; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.3); filter: brightness(90%); transform: translateY(-2px);}
#stl-maw-video-container .stl-photo-wrap .stlButton:before, #stl-maw-video-container .stl-photo-wrap .stlButton:after {/*display:none;*/}
#stl-maw-video-container .stl-photo-wrap .stlButton:after,
#stl-maw-video-container .stl-photo-wrap .stlButton:is(:hover, :focus):after {
    content: ''; background:none; border:none; animation:none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;  
    height: 100px;  
    background-color: rgba(0, 0, 0, 0.5);  
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    outline:2px solid #fff;
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}
#stl-maw-video-container .stl-photo-wrap .stlButton:before,
#stl-maw-video-container .stl-photo-wrap .stlButton:is(:hover, :focus):before {
    content: ''; background:none; border:none; animation:none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 40px solid white;  
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    z-index:1;
}
@media screen and (min-width:768px) {
    #stl-maw-video-container .stl-photo-wrap .stlButton {margin-bottom:0; margin-left:20px;}
}

/* Form styles */
#make-a-will-page .stl-standard-form input[type="text"], .stl-standard-form input[type="email"], .stl-standard-form textarea, #make-a-will-page #stl-container .stl-input-field {width:100%;}

/* Mockup notes - remove from global after testing */
#maw-mockup-notes {position:fixed; bottom:0; right:0; background:rgba(198,228,238,.9); padding:20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); z-index:1; border:1px solid lightblue; color:#344145; font-family:sans-serif;}
#maw-mockup-notes ul {list-style:none; margin-left:0; margin-bottom:0; padding-left:0;}
#maw-mockup-notes li {list-style:none; font-size:14px;}
#make-a-will-page .mockup-question {background:#FFFF00;}