@font-face {
    font-family: Playfair-Display-Extra-Bold;
    src: url('/content/dam/target-share/immersive-story-telling/auto-brewery-syndrome/fonts/playfair/PlayfairDisplay-ExtraBold.ttf') format("truetype");
}
@font-face {
    font-family: Playfair-Display-Bold;
    src: url('/content/dam/target-share/immersive-story-telling/auto-brewery-syndrome/fonts/playfair/PlayfairDisplay-Bold.ttf') format("truetype");
}
@font-face {
    font-family: Playfair-Display-Black;
    src: url('/content/dam/target-share/immersive-story-telling/auto-brewery-syndrome/fonts/playfair/PlayfairDisplay-Black.ttf') format("truetype");
}
@font-face {
    font-family: Playfair-Display-Regular;
    src: url('/content/dam/target-share/immersive-story-telling/auto-brewery-syndrome/fonts/playfair/PlayfairDisplay-Regular.ttf') format("truetype");
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #333;
}

.article-content {
    /*max-width: 800px;*/
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 20px 0;
}

h1, h2 {
    color: #333;
    margin-bottom: 1em;
    font-family: 'Playfair-Display-Bold';
}
h1 {
    font-size: 62px;
    color: var(--color-black);
    line-height: 62px;
    text-align: center;
}
h2 {
    font-size: 30px;
    line-height: 37.5px;
    color: #121212;
}
p {
    margin-bottom: 0;
    color: #444;
}
.text-align-right {
    text-align: right;
}
.article-affiliation {
    /*padding: 0 11%;*/
    /*padding: 0px 11% 0 25%;*/
}
.article-affiliation .article-header {
    font-size: 62px;
    font-weight: 900;
    line-height: 100%;
    color: #121212;
    margin-bottom: 20px;
    font-family: 'Playfair-Display-Bold';
}
.article-affiliation .uxdia-c-author-component__fact-checker {
    border-left: none;
    padding-left: 0;
    margin: 5px 0;
}
.illustrator-credits, .uxdia-u-body-large .graphic-illustrator-credits {
    font-size: 12px;
    line-height: 16px;
    color: #676767;
    font-family: Lato, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 20px;
    /*width: 31%;
    margin: 5px auto 15px auto;*/
}
.uxdia-u-body-large .graphic-illustrator-credits {
  margin-top: -20px;
}
.uxdia-u-body-large .graphic-2.graphic-illustrator-credits {
    margin-top: 10px;
  }
#headline-hide {
    display: none;
}

.article-credit {
    font-weight: 700;
    font-size: 16px;
}
.article-publish {
    font-size: 14px;
    font-weight: 500;
}
.content-wrapper #heroVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: -1;
}
 /* Main content wrapper */
 .content-wrapper {
    position: relative;
    width: 100%;
    height: 400vh; /* Height for scrolling */
}

/* Background container for hero and gif sections */
.background-container {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 1; /* Lower z-index than text */
    /*background-image: url('/content/dam/target-share/immersive-story-telling/auto-brewery-syndrome/abs-hero.jpg');*/
}

.hero,.hero video, .gif-section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-size: contain;
    background-position: center;
    transition: opacity 1s ease;
}

.hero {
    background-image: url('https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Poster%20frame.jpg-m44oUBpPlXe2sPmgLmOIN5GVlf8zPE.jpeg');
    z-index: 2;
}

.gif-section {
    background-image: url('https://hebbkx1anhila5yf.public.blob.vercel-storage.com/faststart-ezgif.com-video-to-gif-converter-QBFoDW37A9E1vLwECEma7tBxarW1C1.gif');
    opacity: 0;
    z-index: 1;
}

.gif-section.visible {
    opacity: 1;
    z-index: 2;
}
@media only screen and (min-width: 1024px) {
    .article-affiliation {
        width: 46em;
        margin: 0 13.6% 12px auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 1441px) {
    .article-affiliation {
        width: 35.5em;
        margin: 0 auto;
        text-align: left;
        padding-top: 0;
        padding-bottom: 0;
    }
}

/* Text containers */
.text-containers {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400vh; /* Same as content-wrapper */
    z-index: 10; /* Higher than background */
    pointer-events: none; /* Allow scrolling through */
}

.text-container {
    position: sticky;
    top: 0;
    width: 98%;
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-section {
    opacity: 0;
    transition: opacity 0.5s ease;
    text-align: center;
    color: white;
    font-size: 42px;
    font-weight: 900;
    line-height: 125%;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    width: 80%;
    max-width: 620px;
    display: none;
    font-family: 'Playfair-Display-Extra-Bold';
}

.text-container.active .text-section{
    display: flex;
    opacity: 1;
}
.text-containers .quote-section {
    color: #fff;
    background-color: #16303D;
    border-radius: 25px;
    padding: 10px;
    font-family: 'Playfair-Display-Regular';
}
.quote-section span {
    font-family: 'Playfair-Display-Bold';
}
/* Make first section visible by default */
#section1 .text-section {
    display: flex;
}

.word {
    display: inline-block;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    margin-right: 0.3em;
}

.word.visible {
    opacity: 1;
    transform: translateY(0);
}

.content {
    position: relative;
}

/* Spacer to create scrollable area */
.spacer {
    height: 400vh; /* Adjust based on how much scrollable area you want */
}
@media (max-width: 768px) {
    .text-overlay {
        width: 90%;
    }
}
#headline-hide {
    display: none;
}
.main-heading {
    max-width: 1185px;
    margin: 0 auto;
    padding: 10px 25px 20px;
}
.sub-heading {
    font-size: 20px;
    color: var(--color-black);
    margin-top: 10px;
}
.story-content {
    margin-top: 30px;
    padding: 0 8%;
    font-size: 18px;
    line-height: 1.5;
    position: relative;
}
.story-content-article {
    padding: 2% 18%;
}
.article-affiliation {
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
    margin-bottom: 12px;
}

.article-attribution {
    font-size: 14px;
    line-height: 1.25;
}
.article-affiliation p, .article-attribution p {
    line-height: 21.6px;
}

.article-affiliation a,
.article-attribution a {
    color: var(--color-link-blue);
    text-decoration: underline;
    font-weight: 700;
}

.article-language {
    margin-top: 12px;
    display: block;
    padding-left: 20px;
    text-transform: uppercase;
}
@media screen and (max-width: 767px) {
    .story-content {
        padding: 0 8.26%;
    }
    .background-container {
        background-color: #FFFCF7;
    }
    .hero, .gif-section { 
        background-size: contain;
        background-repeat: no-repeat;
    }
    .hero {
        /*background-image: url('https://aarp.widen.net/content/favxzjdbtp/jpeg/374x389-autobrewery-hero-mobile.jpg?crop=true&anchor=0,0&q=80&color=ffffffff&u=n1ks7w&w=374&h=388');*/
        background-image: url('https://aarp.widen.net/view/video/cvxgey4pyi/1440x800-autobrewery-hero.mp4?t.download=true&u=n1ks7w');
    }
   /* .gif-section {
        background-image: url('https://aarp.widen.net/s/tmxqw2xxnj/374x389-autobrewery-hero-mobile.gif');
        background-image: url('https://aarp.widen.net/content/favxzjdbtp/jpeg/374x389-autobrewery-hero-mobile.jpg?crop=true&anchor=0,0&q=80&color=ffffffff&u=n1ks7w&w=374&h=388');
    }*/
    .article-affiliation .article-header {
        font-size: 50px;
    }
    .text-container {
        align-items: center;
        height: 40vh;
    }
    .text-section {
        font-size: 26px;
        width: 69%;
    }
    .story-content-with-video img {
        height: 54vh;
    }
    
}
@media screen and (min-width: 768px) {
    .article-language {
        margin-top: 0px;
        display: inline-block;
    }
}

.publish-date {
    display: block;
}

@media screen and (min-width: 768px) {
    .publish-date {
        display: inline-block;
    }
}

.story-content-article ul.sharp-c-social-icon-share__list {
    display: flex;
    justify-content: flex-start;
    list-style: none;
    margin-top: 12px;
}

.story-content-article ul.sharp-c-social-icon-share__list li {
    margin-right: 10px;
}

.story-content-article ul.sharp-c-social-icon-share__list li a {
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    display: block;
    font-size: 0;
    line-height: 0;
    background-position: center;
}

.story-content-article ul.sharp-c-social-icon-share__list li a.sharp-c-social-icon-share__icon--facebook {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IiMzQjU5OTgiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS41MDQ5IDI2LjY0MDFWMTguNzU4M0gyMi4xNTA5TDIyLjU0NjkgMTUuNjg2SDE5LjUwNDlWMTMuNzI0N0MxOS41MDQ5IDEyLjgzNTUgMTkuNzUxOCAxMi4yMjkzIDIxLjAyNjkgMTIuMjI5M0wyMi42NTQxIDEyLjIyODZWOS40ODEwN0MyMi4zNzI2IDkuNDQzNjMgMjEuNDA3MSA5LjM2MDExIDIwLjI4MzkgOS4zNjAxMUMxNy45MzgxIDkuMzYwMTEgMTYuMzMyNSAxMC43OTE1IDE2LjMzMjUgMTMuNDIwOVYxNS42ODZIMTMuNjgwMVYxOC43NTgzSDE2LjMzMjVWMjYuNjQwMUgxOS41MDQ5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==)
}

.story-content-article ul.sharp-c-social-icon-share__list li a.sharp-c-social-icon-share__icon--twitter {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IiMwMEFDRUUiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzYwXzMxODU3KSI+CjxwYXRoIGQ9Ik0yMC4wMTQ2IDE2LjM0OUwyNy44OTE2IDcuMTkxNzFIMjYuMDI1TDE5LjE4NTQgMTUuMTQyOEwxMy43MjI2IDcuMTkxNzFINy40MjE4OEwxNS42ODI3IDE5LjIxNTJMNy40MjE4OCAyOC44MThIOS4yODg1OUwxNi41MTE0IDIwLjQyMTRMMjIuMjgwNSAyOC44MThIMjguNTgxMkwyMC4wMTQxIDE2LjM0OUgyMC4wMTQ2Wk0xNy40NTc4IDE5LjMyMTFMMTYuNjIwOSAxOC4xMjM5TDkuOTYxMTkgOC41OTcwN0gxMi44Mjg0TDE4LjIwMjggMTYuMjg1NUwxOS4wMzk4IDE3LjQ4MjhMMjYuMDI1OSAyNy40NzY2SDIzLjE1ODdMMTcuNDU3OCAxOS4zMjE2VjE5LjMyMTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzYwXzMxODU3Ij4KPHJlY3Qgd2lkdGg9IjIxLjE1OTQiIGhlaWdodD0iMjEuNjM3NCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuNDIxODggNy4xOTE3MSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
}

.story-content-article ul.sharp-c-social-icon-share__list li a.sharp-c-social-icon-share__icon--linkedin {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IiMyODY3QjIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS41MzUxIDkuMzYwMTFDMTAuMzI2OSA5LjM2MDExIDkuMzU5OTkgMTAuMzI3MSA5LjM1OTk5IDExLjUzNTJDOS4zNTk5OSAxMi43NDM0IDEwLjMyNjkgMTMuNzEwMyAxMS41MzUxIDEzLjcxMDNDMTIuNzQzMyAxMy43MTAzIDEzLjcxMDIgMTIuNzQzNCAxMy43MTAyIDExLjUzNTJDMTMuNzEwMiAxMC4zMjcxIDEyLjc0MzMgOS4zNjAxMSAxMS41MzUxIDkuMzYwMTFaTTIyLjQxMDcgMTUuNTIzM0MyMS4zMjI4IDE1LjUyMzMgMTkuOTkzNyAxNi4yNDc2IDE5LjM4OTYgMTcuMjE0NlYxNS43NjQ1SDE1Ljc2NDRWMjYuNjQwMUgxOS4zODk2VjIwLjIzNTdDMTkuMzg5NiAxOS4yNjg3IDIwLjIzNTYgMTguNDIyNyAyMS4yMDE4IDE4LjQyMjdDMjIuMTY4OCAxOC40MjI3IDIzLjAxNDggMTkuMjY4NyAyMy4wMTQ4IDIwLjIzNTdWMjYuNjQwMUgyNi42NFYxOS43NTI2QzI2LjY0IDE3LjQ1NjUgMjQuNzA2MSAxNS41MjMzIDIyLjQxMDcgMTUuNTIzM1pNOS43MjIxNSAyNi42NDAxSDEzLjM0NzNWMTUuNzY0NUg5LjcyMjE1VjI2LjY0MDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)
}
.scroll-prompt {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.quote-section {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 0 10px;
    color: #121212;
    margin-bottom: -10px;
}
.quote-section p {
    color: #121212;
}
.text-containers .quote-section p { 
    color: #fff;
}

blockquote {
    max-width: 800px;
    text-align: center;
    font-size: 30px;
    line-height: 1.4;
    font-weight: 800;
}

.word {
    display: inline-block;
    opacity: 0;
    filter: blur(10px);
    margin-right: 4px;
}

.word.visible {
    opacity: 1;
    filter: blur(0);
}

.word.clear {
    opacity: 1;
    filter: none !important;
    transition: none !important;
}
.video-container {
    display: flex;
    justify-content: center;
    flex-direction: column;    
}
.video-container video {
    width: 50%;
    margin: 0 auto
}
.video-container .credit {
    width: 100%;
    margin: 0 auto;
    font-size: .75em;
    line-height: 16px;
    color: #676767;
    font-family: Lato, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
}
.video-caption {
    font-size: 1em;
    line-height: 20px;
    color: #121212;
    font-family: Lato, sans-serif;
    font-weight: 400;
    padding-top: .625em;
    padding-bottom: .5em;
    font-style: italic;
    margin: 0 auto;
    width: 50%;
}

 /* Graphic animation */
 .story-content-with-video {
    background-color: #FEECD1;
 }
 .story-content-with-video .video-container {
    display: block;
 }
 .story-content-with-video .video-container img {
    position: absolute;
    top: 50px;
    z-index: 1;
}
.story-content-with-video .video-container.fixed img {
    position: fixed;
}
.story-content-with-video .video-container.last img {
    position: absolute;
    bottom: -60vh;
    top: auto;
}
.story-content-with-video .text-section-wrapper {
    height: 100vh;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
    z-index: 2;
}
.story-content-with-video .overlay > .text-section-wrapper:first-child {
    justify-content: center;
    transition: transform 2ms;
}
.story-content-with-video .text-section {
    font-size: 20px;
    color: #121212;
    font-weight: 500;
    background: rgba(255, 255, 255);
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
    line-height: 150%;
    opacity: 0.95;
    width: 43%;
    text-shadow: none;
    font-family: 'lato';
    
}
.story-content-with-video h2.text-section {
    font-size: 24px;
    font-weight: 800;
    color: #121212;
    margin-bottom: 5px;
    line-height: 125%;
    width: 100%;
    font-family: 'Playfair-Display-Bold';
}
.story-content-with-video.graphic-2 h2.text-section {
    width: 57%;
}
.text-section-wrapper.graphic-2-text[data-video="video5"] h2.text-section {
    width: 47%;
}

.story-content-with-video .text-section {
    font-size: 20px;
    color: #121212;
    font-weight: 500;
    background: rgba(255, 255, 255);
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
    line-height: 150%;
    opacity: 0.95;
    width: 43%;
    text-shadow: none;
    font-family: 'lato';
    
}
.story-content-with-video .text-section.red-text {
    font-weight: 700;
    color: #EC1300;
    margin-bottom: 20px;
    width: 30%;
    display: block;
    margin-left: auto;
}
.story-content-with-video.graphic-2 .text-section.red-text {
    width: 40%;
}
.story-content-with-video.graphic-2 .text-section {
    width: 50%;
}
.text-section-wrapper.graphic-2-text[data-video="video5"], .text-section-wrapper.graphic-2-text[data-video="video9"]{
    text-align: center; 
}
.text-section-wrapper.graphic-2-text[data-video="video5"] .text-section, .text-section-wrapper.graphic-2-text[data-video="video9"] .text-section { 
    width: 100%;
}

.text-section a {
    color: var(--color-link-blue);
}
.story-content-with-video img { 
    height: 60vh; 
    object-fit: cover;
    margin: auto;
    opacity: 0;
    transition: 0.3s opacity ease-in-out;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.story-content-with-video img#video9 {
    height: 55vh;
}
.story-content-with-video .overlay {
    position: relative;
    width: 60%;
    margin: 0 auto;
}
#video1, #video5 {
    opacity: 1;
}
.red-bg {
    background-color: #EC1300;
    padding: 0 2px;
    color: #fff;
}
.green-bg {
    background-color: #37d800;
    padding: 0 2px;
}
.yellow-bg {
    background-color: #fdc001;
    padding: 0 2px;
}
/*Removing this*/
/*
.fixed #video1, .fixed #video6 {
    position: absolute;
}
*/
/*Adding this*/
section.story-content-with-video {
    padding-bottom: 60vh;
}
.story-content-with-video.graphic-2 {
    padding-bottom: 65vh;
}
.story-content-with-video .video-container {
    display: unset;
}

.story-editor {
    font-size: 16px;
    color: #121212;
    line-height: 26px;
    margin: 20px 0;
}
.bio-container {
    margin-top: 30px;
    padding: 0 25.5%;
}
.line-separator-gray {
    border: 1px solid #d5d5d5;
    display: block;
}
@media screen and (max-width: 767px) {
    .article-content {
        /*padding: 20px 0;*/
    }
    .article-affiliation {
        padding: 0;
    }
    .quote-section {
        padding: 20px 10px 0;
    }
    blockquote {
        font-size: 24px;
    }
    .bio-container {
        padding: 0;
    }
    .video-container video {
        width: 100%;
    }
    .story-content-with-video .overlay {
        width: 100%;
    }
    .story-content-with-video .video-container {
        display: unset;
    }
    .story-content-with-video img {
        height: 50vh;
    }
    .story-content-with-video .video-container img#video1,.story-content-with-video .video-container img#video5 {
        top: 50px;
    }
    .story-content-with-video .text-section-wrapper {
        text-align: center;
    }
    .story-content-with-video h2.text-section, .story-content-with-video .text-section {
        font-size: 18px;
        width: 95%;
        margin: 10px auto;
    }
    .story-content-with-video .text-section.red-text {
        width: 48%;
    }
    .story-content-with-video.graphic-2 .text-section.red-text {
        width: 65%;
    }
    .story-content-with-video.graphic-2 .graphic-2-text[data-video="video7"] .text-section.red-text, .story-content-with-video.graphic-2 .graphic-2-text[data-video="video8"] .text-section.red-text {
        width: 50%;
    }
    .story-content-with-video.graphic-2 .text-section {
        width: 95%;
    }
    .story-content-with-video.graphic-2 h2.text-section {
        width: 95%;
    }
    .text-section-wrapper.graphic-2-text[data-video="video5"] h2.text-section, .text-section-wrapper.graphic-2-text[data-video="video5"] .text-section {
        width: 95%;
    }
    
    .video-caption {
        width: 100%;
    }
    .text-section-wrapper.graphic-2-text[data-video="video1"] {
        justify-content: center;
    }
    .text-section-wrapper.graphic-2-text[data-video="video5"] {
        justify-content: end;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {

    .illustrator-credits {
        /*width: 73%;*/
    }
    .bio-container {
        padding: 0;
    }
    .story-content-with-video .text-section.red-text, .story-content-with-video .text-section {
        width: 50%;
        font-size: 18px;
    }
    .story-content-with-video.graphic-2 .text-section.red-text {
        width: 65%;
    }
    .text-section-wrapper.graphic-2-text[data-video="video5"] h2.text-section {
        width: 95%;
    }
}
.uxdia-c-megamenu--js-sticky, .coreHeader--js-sticky .aarp-c-header, .uxdia-c-promo-header.uxdia-c-promo-header--js-sticky {
    /*position: relative;*/
}
.aarp-c-body-wrapper {
    overflow: unset;
}
.uxdia-u-section-title-1 .cmp-text {
    text-transform: initial;
}
ul.sharp-c-social-icon-share__list {
    display: flex;
    justify-content: flex-start;
    list-style: none;
    margin-top: 12px;
}
.story-content-article ul.sharp-c-social-icon-share__list li a {
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    display: block;
    font-size: 0;
    line-height: 0;
    background-position: center;
}
ul.sharp-c-social-icon-share__list li a.sharp-c-social-icon-share__icon--facebook {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IiMzQjU5OTgiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS41MDQ5IDI2LjY0MDFWMTguNzU4M0gyMi4xNTA5TDIyLjU0NjkgMTUuNjg2SDE5LjUwNDlWMTMuNzI0N0MxOS41MDQ5IDEyLjgzNTUgMTkuNzUxOCAxMi4yMjkzIDIxLjAyNjkgMTIuMjI5M0wyMi42NTQxIDEyLjIyODZWOS40ODEwN0MyMi4zNzI2IDkuNDQzNjMgMjEuNDA3MSA5LjM2MDExIDIwLjI4MzkgOS4zNjAxMUMxNy45MzgxIDkuMzYwMTEgMTYuMzMyNSAxMC43OTE1IDE2LjMzMjUgMTMuNDIwOVYxNS42ODZIMTMuNjgwMVYxOC43NTgzSDE2LjMzMjVWMjYuNjQwMUgxOS41MDQ5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==)
}

ul.sharp-c-social-icon-share__list li a.sharp-c-social-icon-share__icon--twitter {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IiMwMEFDRUUiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzYwXzMxODU3KSI+CjxwYXRoIGQ9Ik0yMC4wMTQ2IDE2LjM0OUwyNy44OTE2IDcuMTkxNzFIMjYuMDI1TDE5LjE4NTQgMTUuMTQyOEwxMy43MjI2IDcuMTkxNzFINy40MjE4OEwxNS42ODI3IDE5LjIxNTJMNy40MjE4OCAyOC44MThIOS4yODg1OUwxNi41MTE0IDIwLjQyMTRMMjIuMjgwNSAyOC44MThIMjguNTgxMkwyMC4wMTQxIDE2LjM0OUgyMC4wMTQ2Wk0xNy40NTc4IDE5LjMyMTFMMTYuNjIwOSAxOC4xMjM5TDkuOTYxMTkgOC41OTcwN0gxMi44Mjg0TDE4LjIwMjggMTYuMjg1NUwxOS4wMzk4IDE3LjQ4MjhMMjYuMDI1OSAyNy40NzY2SDIzLjE1ODdMMTcuNDU3OCAxOS4zMjE2VjE5LjMyMTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzYwXzMxODU3Ij4KPHJlY3Qgd2lkdGg9IjIxLjE1OTQiIGhlaWdodD0iMjEuNjM3NCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuNDIxODggNy4xOTE3MSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
}

ul.sharp-c-social-icon-share__list li a.sharp-c-social-icon-share__icon--linkedin {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IiMyODY3QjIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS41MzUxIDkuMzYwMTFDMTAuMzI2OSA5LjM2MDExIDkuMzU5OTkgMTAuMzI3MSA5LjM1OTk5IDExLjUzNTJDOS4zNTk5OSAxMi43NDM0IDEwLjMyNjkgMTMuNzEwMyAxMS41MzUxIDEzLjcxMDNDMTIuNzQzMyAxMy43MTAzIDEzLjcxMDIgMTIuNzQzNCAxMy43MTAyIDExLjUzNTJDMTMuNzEwMiAxMC4zMjcxIDEyLjc0MzMgOS4zNjAxMSAxMS41MzUxIDkuMzYwMTFaTTIyLjQxMDcgMTUuNTIzM0MyMS4zMjI4IDE1LjUyMzMgMTkuOTkzNyAxNi4yNDc2IDE5LjM4OTYgMTcuMjE0NlYxNS43NjQ1SDE1Ljc2NDRWMjYuNjQwMUgxOS4zODk2VjIwLjIzNTdDMTkuMzg5NiAxOS4yNjg3IDIwLjIzNTYgMTguNDIyNyAyMS4yMDE4IDE4LjQyMjdDMjIuMTY4OCAxOC40MjI3IDIzLjAxNDggMTkuMjY4NyAyMy4wMTQ4IDIwLjIzNTdWMjYuNjQwMUgyNi42NFYxOS43NTI2QzI2LjY0IDE3LjQ1NjUgMjQuNzA2MSAxNS41MjMzIDIyLjQxMDcgMTUuNTIzM1pNOS43MjIxNSAyNi42NDAxSDEzLjM0NzNWMTUuNzY0NUg5LjcyMjE1VjI2LjY0MDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)
}
.sharp-c-social-icon-share__icon {
    height: 60px;
    width: 50px;
}
.uxdia-u-bg-ads--utility-medium-grey {
    height: 130px;
}
.relative {
    position: relative !important;
}
.uxdia-sidebar-title a {
    color: #000;
}
.cmp-experiencefragment--paywall {
    z-index: 999;
}
.uxdia-c-featured-tile__moa-badge-wrapper .uxdia-c-featured-tile__moa-badge-icon.article-unlock-icon {
    margin-right: .42188em;
    width: 1.10438em;
    height: 1.08875em;
    background-image: url(/content/dam/aarp/aarp-icons/lock-icon-unlocked.svg)
}
.mobile-heading, .socialShare {
    position: relative;
    z-index: 999;
}
.mobile-heading .moa {
    margin: 15px 0;
}
.headline-content .moa a {
    color:#fff;
    text-decoration: none;
}
.moa a:hover {
    text-decoration: underline;
}
.img-credits {
    margin-top: 15px;
}

/*option-c styles*/
.opener {
    position: relative;
    z-index: 1;
}
.opener video {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    z-index: 0;
  }

  .change {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .change.first {
    align-items: flex-start;
    position: absolute;
    top: 10%;
    width: 100%;
  }

  .opener-headline {
    font-size: 36px;
    text-align: center;
    opacity: 0.2;
    transition: opacity 0.3s;
    text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.65);
    color: #fff;
    background-color: #16303D;
    border-radius: 15px;
    padding: 10px;
    font-weight: 900;
    line-height: 100%;
    max-width: 34%;
    font-family: 'Playfair-Display-Bold';
    z-index: 2;
  }
  /*.opener-headline {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.opener-headline.active {
    opacity: 1;
    transform: translateY(0);
}*/
  .change.first .opener-headline {
    max-width: 41%;
  }
  .change.fourth .opener-headline {
    background-color: unset;
  }

  .opener-headline.active {
    opacity: 1;
  }
  /*.opener .sticky {
   position: sticky;
  }
  .opener .fixed {
    position: fixed;
  }*/
  .uxdia-c-enhancedmedia-content-wrapper, .advertisement, .aarpe-ad-message, .container {
    background-color: #FFFCF6;
}
.uxdia-c-megamenu .container {
    background-color: #fff;
}
.uxdia-u-enhancedmedia .uxdia-c-enhancedmedia-content-wrapper>.cmp-container .uxdia-u-headline-2 {
    text-transform: unset;
}
.uxdia-u-headline-2 p, .uxdia-u-body-large p {
    color: #121212;
}
#full-width.cmp-container, #full-width-1.cmp-container {
    width: 100%;
}
.container:has(#full-width), .container:has(#full-width-1) {
    /* Selects .container that has a child with ID full-width */
    padding: 0;
  }
.no-padding {
    padding: 0;
}
.aarp-c-footer--grey-theme .aarp-c-footer__quick-links, .aarp-c-footer--grey-theme .aarp-c-footer__quick-links p, .aarp-c-footer--uxdia-v3 .aarp-c-footer__descr p {
    color: #fff;
}
.article-affiliation .cmp-breadcrumb {
    display: flex;
    align-items: center;
}
.article-affiliation .uxdia-c-mo-soap-bar {
    display: inline-block;
    background-color: #ec1300;
    border-radius: .25em;
    margin: 0;
    vertical-align: bottom
}
.article-affiliation .cmp-breadcrumb__mo-soap-bar {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: .6875em;
    margin-right: 10px;
}
.article-affiliation .uxdia-c-mo-soap-bar__moa-badge {
    display: -webkit-box;
    display: flex;
    padding: .25em .75em .25em .5em;
    -webkit-box-align: center;
    align-items: center
}

.article-affiliation .uxdia-c-mo-soap-bar__moa-badge-icon {
    width: 1em;
    height: 1em;
    margin-right: .375em;
    background-size: 100% 100%
}

.article-affiliation .uxdia-c-mo-soap-bar__moa-badge-icon--locked {
    background-image: url(/content/dam/aarp/members/2020/MOA_lock_white.svg);
    background-repeat: no-repeat
}

.article-affiliation .uxdia-c-mo-soap-bar__moa-badge-icon--unlocked {
    background-image: url(/content/dam/aarp/members/2020/MOA_unlock_white.svg);
    background-repeat: no-repeat
}

.article-affiliation .uxdia-c-mo-soap-bar__moa-badge-title {
    font-family: Lato,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: .75em;
    line-height: 12px;
    color: #fff;
    padding-top: .16667em;
    text-transform: uppercase;
    font-weight: 900
}

.article-affiliation a.uxdia-c-mo-soap-bar__moa-badge--link {
    text-decoration: none;
    color: #fff
}

.article-affiliation a.uxdia-c-mo-soap-bar__moa-badge--link:active,a.uxdia-c-mo-soap-bar__moa-badge--link:focus,a.uxdia-c-mo-soap-bar__moa-badge--link:hover,a.uxdia-c-mo-soap-bar__moa-badge--link:visited {
    color: #fff
}
.article-affiliation .cmp-breadcrumb .cmp-breadcrumb__item-link, .uxdia-c-marquee .cmp-breadcrumb p {
    font-size: .875em;
    line-height: 18px;
    color: #676767;
    font-weight: 900;
    margin-bottom: .71429em;
    text-transform: uppercase;
    overflow: hidden;
    display: -webkit-box;
    text-decoration: none;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.article-affiliation .cmp-breadcrumb .cmp-breadcrumb__item-link:hover, .article-affiliation .cmp-breadcrumb .cmp-breadcrumb__item-link:active {
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    .change.first .opener-headline, .opener-headline {
        max-width: 100%;
    }
    .change.third .opener-headline {
        max-width: 75%;
    }
    .opener-headline {
        font-size: 26px;
        line-height: 32px;
    }
    .opener video {
        object-fit: cover;
       /* height: 68vh;*/
    }
    
    .change {
        /*height: 70vh;*/
    }
    .change.first {
        align-items: flex-start;
        margin-top: 40%;
        top: -1%;
    }
    #full-width.cmp-container, #full-width-1.cmp-container {
        padding: 0;
    }
    #full-width.cmp-container .uxdia-u-headline-2, #full-width.cmp-container .uxdia-u-body-large,  #full-width-1.cmp-container .uxdia-u-headline-2, #full-width-1.cmp-container .uxdia-u-body-large {
        padding: 0 2rem;
    }
    .article-affiliation .cmp-breadcrumb {
        display: block;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .article-content {
        padding: 20px 0;
    }
    .article-affiliation {
        padding: 0;
    }
    .opener-headline {
        font-size: 30px;
    }
    .opener video {
        height: 76vh;
        object-fit: cover;
        top: 22%;
    }
    .change {
        height: 77vh;
    }
    .video-container video, .video-caption {
        width: 100%;
    }
    .article-affiliation .cmp-breadcrumb {
        display: flex;
    }
}
.aarp-c-alert-bar__container p a:not(.aarp-c-alert-bar__close) {
    color: #fff;
}