.modal-container-story-detail{font-size:16px}
body.story-detail-modal .view-port-screen{height:100vh !important;overflow:hidden !important}
body.story-detail-modal .footer{display:none}
#modal-container-story-detail .detail_story_close{display:block;position:absolute;top:1.4%;right:3%;width:2.125em;height:2.125em;cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:1px solid #606060;background-color:#606060;z-index:1003}
#modal-container-story-detail .detail_story_close::before,#modal-container-story-detail .detail_story_close::after{content:'';position:absolute;top:1.0625em;width:1.25em;height:.0625em;background-color:#fff;border-radius:1px}
#modal-container-story-detail .detail_story_close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);left:.5em}
#modal-container-story-detail .detail_story_close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);right:.4375em}
#modal-container-story-detail{top:0 !important;background-color:#ebebeb}
#detail_story{width:100%;height:auto;margin:0;padding:0;font-size:16px;font-family:Helvetica,Arial,sans-serif;background-color:#ebebeb}
#detail_story .container{display:block;min-height:100vh;margin:0;padding:0}
#detail_story .container .content{display:block;width:89.34%;max-width:55em;height:auto;margin:0 auto;padding:12.5% 0 0;overflow:hidden}
#detail_story .detail_btn{display:none}
#detail_story h2{margin:0;padding:0 1% 4.3%;font-size:1.4em;color:#333;text-align:center}
#detail_story .sub-header-section{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:2.8125em;height:auto;padding:1% 0;margin:0 0 4.774% 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
#detail_story .sub-header-section h3{width:70%;height:auto;margin:0;padding:0;font-size:.8em;font-weight:bold;color:#09f}
#detail_story .sub-header-section h3 span{display:block;color:#999}
#detail_story .sub-header-section .share_section{width:30%;height:auto;margin:0;padding:0;list-style:none;text-align:right}
#detail_story .share_section li{display:inline-block;width:1.875em;height:1.875em;border:1px solid;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}
#detail_story .share_section .fb{border-color:#3b5998;background-color:#3b5998}
#detail_story .share_section .tw{margin:0 0 0 9%;border-color:#55acee;background-color:#55acee}
#detail_story .share_section a{display:block;width:100%;height:100%;text-align:left;text-indent:-9999px;overflow:hidden;background:url(../../../../../../content/dam/subaru/love-promise/story-detail/story_detail_sprite.png) no-repeat 0 -130px}
#detail_story .share_section .tw a{background-position:0 -170px}
#detail_story .media-section{display:block;width:100%;height:auto !important;min-height:9.375em;margin:0 0 5.5% 0;padding:0;overflow:hidden;background-color:#ebebeb}
#detail_story .media-section.youtube-container{position:relative;padding-bottom:17.714%}
#detail_story .media-section.youtube-container .youtube-video{height:100%;position:absolute}
#detail_story .media-section.placeholder-container{min-height:auto;padding-bottom:62%;background:url(../../../../../../content/dam/subaru/love-promise/story-detail/subaru-default-image.jpg.transform/x768/image.jpg) no-repeat 0 0;background-size:100%}
#detail_story .SubaruResponsiveSlideshow div.video_play_overlay{width:4.375em;height:4.375em;margin-left:-2.1875em;margin-top:-2.1875em;background:url(../../../../../../content/dam/subaru/love-promise/story-detail/story_detail_sprite.png) no-repeat 0 0;background-size:cover}
#detail_story .SubaruResponsiveSlideshow .gallery_nav_dot_container{height:auto;margin-top:.5625em}
#detail_story .SubaruResponsiveSlideshow .gallery_nav_dot_container .dot{width:.625em;height:.625em;margin:0 2.5% 0 2.5%;border:1px solid #000;background-image:none;background-color:#fff;cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}
#detail_story .SubaruResponsiveSlideshow .gallery_nav_dot_container .dot.selected{background-color:#000}
#detail_story .story-detail-content{display:block;width:100%;height:auto;margin:0;padding:0 0 15.1% 0}
#detail_story .story-detail-content p{display:block;width:100%;height:auto;margin:0;padding:0;color:#333;font-size:.8em;line-height:1.375em}
#detail_story .share-story{display:block;width:auto;height:auto;margin:0;padding:8.57% 0 0;text-align:center;background-color:#fff}
#detail_story .share-story p{width:auto;margin:0 10% 8.7%;font-size:.8em;line-height:1.375em;color:#333}
#detail_story .share-story a,#detail_story .share-story a:link,#detail_story .share-story a:visited,#detail_story .share-story a:active{display:block;width:auto;height:auto;min-height:.8125em;max-width:24.4em;padding:3.9%;margin:0 auto;border:2px solid #0ba3db;background-color:#0ba3db;font-size:.7em;letter-spacing:.1em;font-weight:bold;color:#fff;text-align:center;cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s;text-transform:uppercase}
#detail_story #section-separator-holder{display:block;width:100%;height:auto;background-color:#fff}
#detail_story #section-separator-holder .separator-detail-modal{margin:0 auto;width:.25em;height:3.28em;background:#0aa3dc}
@media only screen and (min-width:768px){#modal-container-story-detail .detail_story_close{position:fixed;top:1.8125em;right:4.6%;width:2.4375em;height:2.4375em}
#modal-container-story-detail .detail_story_close::before,#modal-container-story-detail .detail_story_close::after{top:1.25em;width:1.375em}
#modal-container-story-detail .detail_story_close::before{left:.5625em}
#modal-container-story-detail .detail_story_close::after{right:.5625em}
#detail_story .container .content{padding:5.48% 0 0 0}
#detail_story .detail_btn{display:block;position:fixed;top:25.0625em;width:2.25em;height:2.25em;margin:0;background-color:#777;border:1px solid #777;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;text-indent:9999px;cursor:pointer;visibility:visible;opacity:1;z-index:1002}
#detail_story .detail_btn.prev{left:4.66%}
#detail_story .detail_btn.next{right:4.64%}
#detail_story .detail_btn.prev::after,#detail_story .detail_btn.next::after{position:absolute;top:35%;content:"";border:solid #fff;border-width:0 1px 1px 0;display:inline-block;padding:13.9%;width:0}
#detail_story .detail_btn.prev::after{left:42%;transform:rotate(135deg);-webkit-transform:rotate(135deg)}
#detail_story .detail_btn.next::after{left:27%;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
#detail_story h2{padding:0 1% 2.8%;font-size:2.25em}
#detail_story .sub-header-section{min-height:2.625em;margin:0 0 3.3% 0}
#detail_story .sub-header-section h3{font-size:1.125em}
#detail_story .sub-header-section h3 span{display:inline-block}
#detail_story .sub-header-section .share_section{padding:.3% 0 0}
#detail_story .share_section li{width:1.8125em;height:1.8125em}
#detail_story .share_section .tw{margin:0 0 0 1.4%}
#detail_story .SubaruResponsiveSlideshow .gallery_nav_dot_container{margin-top:1.25em}
#detail_story .SubaruResponsiveSlideshow div.video_play_overlay{width:7.5em;height:7.5em;margin-left:-3.75em;margin-top:-3.75em}
#detail_story .SubaruResponsiveSlideshow .gallery_nav_dot_container .dot{width:1.125em;height:1.125em;margin:0 .625em 0 .625em}
#detail_story .media-section{margin:0 0 6.19% 0;min-height:18.75em}
#detail_story .media-section.youtube-container{padding-bottom:28.41%}
#detail_story .story-detail-content{padding:0 0 10.1% 0}
#detail_story .story-detail-content p{font-size:1.125em;line-height:1.35em}
#detail_story .disabled{cursor:default;visibility:hidden}
#detail_story .share-story{padding:3.57% 0 0}
#detail_story .share-story p{width:auto;max-width:910px;margin:0 auto 1.6% auto;line-height:1.5em;font-size:1.11em}
#detail_story .share-story a,#detail_story .share-story a:link,#detail_story .share-story a:visited,#detail_story .share-story a:active{min-height:17px;max-width:256px;padding:1.234%;font-size:.94em}
#detail_story .share-story a:hover{background-color:#fff;color:#0ba3db;border-color:#0ba3db}
#detail_story #section-separator-holder .separator-detail-modal{height:3.75em}
}
@media screen and (min-width:768px) and (max-width:1024px){#detail_story .container .content{max-width:36.25em}
#detail_story .share-story p{max-width:42.5em}
#detail_story .media-section.youtube-container{padding-bottom:10.776%}
}