*{padding:0;margin:0}body{font-family:"Frank Ruhl Libre", serif;font-size:1.125em;line-height:1.33em;color:#333231;width:100%;background-color:#f4f3f2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#333231}a:hover{text-decoration:none}h1,h2,h3{margin-bottom:1.33em;line-height:1.33em}button{cursor:pointer}p{margin-bottom:1.33em}em,i{font-family:"EB Garamond", serif;font-size:1.13em;line-height:1em}ul,ol{margin-left:26px;margin-bottom:1.33em}img{max-width:100%;height:auto}img.aligncenter{margin:auto}img.alignright{float:right}img.alignleft{float:left}figure{max-width:100%;margin-bottom:1.33em}figure figcaption{margin-top:1.33em;text-align:center;font-size:0.7em}.home .content_wrapper{padding:30px;width:calc(100% - 60px);max-width:610px;margin:auto}.home .content_wrapper h1,.home .content_wrapper h2,.home .content_wrapper h3{font-weight:400}.home .content_wrapper h4{font-family:"Open Sans", sans-serif;text-transform:uppercase}.home .content_wrapper .chapter{padding:30px;margin:0;background-color:#ffffff;position:static}.content_wrapper{width:calc(100% - 270px);max-width:610px;padding:30px 135px;position:relative}.content_wrapper.scroll .chapter{position:relative;left:0;right:0}.content_wrapper .chapter{padding:30px;margin:30px 0;background-color:#ffffff;position:absolute;top:0;right:135px;left:135px}.content_wrapper .chapter .chapter_title{font-weight:normal;text-align:center;font-size:2em}.content_wrapper .chapter .chapter_title span{display:block;font-size:0.35em;line-height:1.33em;font-weight:bold}.content_wrapper .chapter .no-voice .voice{display:none}.content_wrapper .chapter .voice{position:absolute;font-size:0.7em;line-height:1.33em;max-width:211px;margin-top:2.75px}.content_wrapper .chapter .leader{font-family:"Open Sans", sans-serif;text-align:right}.content_wrapper .chapter .leader em,.content_wrapper .chapter .leader i{font-family:"Open Sans", sans-serif;font-size:1em}.content_wrapper .chapter .leader .voice{right:0;transform:translateX(calc(100% + 15px))}.content_wrapper .chapter .reader .voice,.content_wrapper .chapter .youngest .voice{left:0;transform:translateX(calc(-100% - 15px));text-align:right}.content_wrapper .chapter .chorus{font-family:"Open Sans", sans-serif;font-weight:bold;font-style:italic;font-size:1em}.content_wrapper .chapter .chorus .voice{left:0;transform:translateX(calc(-100% - 15px));text-align:right}.content_wrapper .chapter .action{font-family:"EB Garamond", serif;font-style:italic;font-size:1.03em}.content_wrapper .chapter .action .voice{left:0;transform:translateX(calc(-100% - 15px));text-align:right}.content_wrapper .chapter .leader-action{font-family:"Open Sans", sans-serif;font-style:italic;text-align:right;font-size:1em}.content_wrapper .chapter .leader-action .voice{right:0;transform:translateX(calc(100% + 15px));text-align:left}#placemarker{position:fixed;top:0;left:0;right:0;height:25px;padding:10px;text-align:center;background-color:#f4f3f2;font-size:0.7em;font-family:"Open Sans", sans-serif;text-transform:uppercase;font-weight:bold;opacity:0;transition:opacity 0.25s ease}#placemarker span{margin-right:7px}#readers{font-family:"Open Sans", sans-serif;position:fixed;top:0px;left:0px;bottom:0px;max-width:7%;border-right:1px solid #f4f3f2;padding:30px;font-size:0.7em;line-height:1.33em;background-color:#ffffff;white-space:nowrap;overflow-x:hidden;overflow-y:auto;transition:all 0.25s ease}#readers ul{list-style:none;padding:0;margin:0}#readers ul li{margin-bottom:5px}#readers ul li.active-reader{font-weight:bold}#readers em,#readers i{font-family:"Open Sans", sans-serif;font-size:1em}#readers .reader_gradient{background:white;background:-moz-linear-gradient(90deg, white 0%, #f4f3f2 100%);background:-webkit-linear-gradient(90deg, white 0%, #f4f3f2 100%);background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #f4f3f2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f4f3f2",GradientType=1);position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;opacity:1;transition:all 0.25s ease;z-index:10}#readers:hover{width:auto;max-width:100%;border-right:1px solid #f4f3f2}#readers:hover .reader_gradient{opacity:0;z-index:-1}#sign_in_form{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#f4f3f2;z-index:150}#sign_in_form .content_wrapper{position:relative;top:50%;transform:translateY(-50%);text-align:center;margin:auto}#sign_in_form .content_wrapper .form_content{max-width:500px;margin:auto}#sign_in_form .content_wrapper form{text-align:center}#sign_in_form .content_wrapper form .name{width:calc(100% - 40px);padding:20px;border:none;font-family:"Frank Ruhl Libre", serif;font-size:1em;color:#333231;margin-top:30px}#sign_in_form .content_wrapper form .submit{margin-top:30px;margin-bottom:60px;font-family:"Open Sans", sans-serif;font-size:0.7em;text-transform:uppercase;border:1px solid #333231;padding:10px;background-color:#ffffff;cursor:pointer}#returnAfi{position:fixed;right:0px;bottom:15px;width:200px;height:35px}.fade-enter-active,.fade-leave-active{transition:opacity 0.25s}.fade-enter,.fade-leave-to{opacity:0}.fade-leave,.fade-enter-to{opacity:1}@media screen and (min-width:1320px){.content_wrapper{margin:auto}}@media screen and (min-width:1240px) and (max-width:1319px){.content_wrapper{margin:auto 135px auto auto}}@media screen and (min-width:1160px) and (max-width:1239px){.content_wrapper{margin:auto 67px auto auto}}@media screen and (min-width:1130px) and (max-width:1159px){.content_wrapper{margin:auto 34px auto auto}}@media screen and (min-width:990px) and (max-width:1129px){.content_wrapper{margin:auto 0px auto auto}.content_wrapper .chapter .voice{max-width:105px}}@media screen and (max-width:989px){.content_wrapper{margin:auto}.content_wrapper .chapter{margin-bottom:77px}.content_wrapper .chapter .voice{max-width:105px}#readers{top:unset;bottom:calc(-45% - 15px);max-width:calc(100% - 60px);width:calc(100% - 60px);height:calc(45% + 31px);white-space:normal;border-right:none;border-top:1px solid #f4f3f2;padding-top:15px;padding-bottom:15px}#readers h3{margin-bottom:15px;position:fixed;width:calc(100% - 60px);background-color:#fff;margin:-15px -30px 0;padding:15px 30px}#readers h3:after{content:"";position:absolute;right:30px;top:22px;width:6px;height:6px;border-right:3px solid #333231;border-bottom:3px solid #333231;transform:rotate(-135deg);transition:all 0.25s ease}#readers ul{margin:49px 0 0 0}#readers .reader_gradient{display:none}#readers:hover{bottom:0;max-width:calc(100% - 60px);width:calc(100% - 60px);border-right:none;border-top:1px solid #f4f3f2}#readers:hover h3:after{transform:rotate(45deg);top:18px}#returnAfi{position:fixed;right:unset;bottom:unset;top:15px;left:15px;width:200px;height:35px}}@media screen and (max-width:750px){body,body.home{font-size:1em}body .content_wrapper,body.home .content_wrapper{padding:0px;width:100%}body .content_wrapper .chapter,body.home .content_wrapper .chapter{padding:20px;width:calc(100% - 100px);left:0px;right:0px;margin:30px auto 77px}body .content_wrapper .chapter .reader .voice,body .content_wrapper .chapter .action .voice,body .content_wrapper .chapter .chorus .voice,body .content_wrapper .chapter .leader .voice,body .content_wrapper .chapter .leader-action .voice,body .content_wrapper .chapter .youngest .voice,body.home .content_wrapper .chapter .reader .voice,body.home .content_wrapper .chapter .action .voice,body.home .content_wrapper .chapter .chorus .voice,body.home .content_wrapper .chapter .leader .voice,body.home .content_wrapper .chapter .leader-action .voice,body.home .content_wrapper .chapter .youngest .voice{position:relative;transform:none;text-align:left;max-width:100%;margin-bottom:4px}}