/* Stories Global */
.video-js .vjs-text-track-display {
    z-index: 200;
}
.su-slides .slides_text {
    top: 45%;
}
.read-story-btn {
    color: #ffffff;
    font-weight: 700;
    font-size: 1.125em;
    /* position: relative; */
    display: block;
    position: relative;
    margin: 0 auto;
    border: 1px solid #ffffff;
    padding: 0.85em 1em 0.85em 1em;
    border-radius: 0.25em;
}
.read-story-btn:hover {
    color: #006c39;
}
.story h2 {
    font-size: 4em;
    text-transform: uppercase;
}
.story p {
    color: #252525;
    font-family: 'MuseoSans-100','Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 2em;
    line-height: 1.5em;
    padding-bottom: 40px;
}
.small-video p {
    font-size: 1.2em;
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.font-Amarante {
    font-family: 'Amarante', cursive;
}
.font-Rock-Salt {
    font-family: 'Rock Salt', cursive;
}
.font-Balthazar {
    font-family: 'Balthazar', sans-serif;
}
.font-Graduate {
    font-family: 'Graduate', cursive;
}
.font-Limelight {
    font-family: 'Limelight', cursive;
}
.font-Goblin-One {
    font-family: 'Goblin One', cursive;
}
.font-Philosopher {
    font-family: 'Philosopher', sans-serif;
}
.font-Spirax {
        font-family: 'Spirax', cursive;
}
.font-effect-shadow-multiple {
    text-shadow: .04em .04em 0 #fff,.08em .08em 0 #aaa;
    -webkit-text-shadow: .04em .04em 0 #fff, .08em .08em 0 #aaa;
}
.font-effect-outline {
    text-shadow: 0 1px 1px #000, 0 -1px 1px #000, 1px 0 1px #000, -1px 0 1px #000;
    color: #fff;
}
.copyright {
    margin-top: 3em;
    font-size: 1em;
    color: #252525;
}
.circle-img {
    padding: 1em;
}
.tooltip-wrap {
    height: 60px;
    width: 90%;
    font-family: 'Trebuchet MS', Verdana, sans-serif;
    position: relative;
    top: 1em;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 5%;
    text-align: center;
}
.face-wrap {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -khtml-border-radius: 100%;
    -webkit-border-radius: 100%;
    width: 100%;
    max-width: 120px;
    height: 100%;
    max-height: 149px;
    border: 10px solid rgba(255,255,255, 0.4);
    margin: 1em auto 0 auto;
}
    .face-wrap img {
        margin: -0.5px -0.5px -1px -0.5px;
    }
.face-image {
    width: 100%;
    max-width: 150px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -khtml-border-radius: 100%;
    -webkit-border-radius: 100%;
    cursor: pointer;
    display: block;
    margin: 0 auto;
}

.pagi-prev:after, .pagi-next:after, 
.pagi-pause, .pagi-play,
.pagi-pause:before, .pagi-play:before {
    color: #ebebeb !important;
    font-family: 'Trebuchet MS', Verdana, sans-serif;
}

/* story-template-6 */
.story-template-6 .slides_text h1 {
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 0;
}
.story-template-6 .slides_text h1, 
.story-template-6 .slides_text h2 {
    font-family: 'Amarante', cursive !important;
    font-size: 6em;
    text-transform: uppercase;
    text-align: left;
    font-weight: 100;
    color: #9a0032;
}
.story-template-6 .slides_text .subhead {
    margin: 20px 0;
    font-family: 'MuseoSans-100','Trebuchet MS', Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #252525;
}
.story-template-6 blockquote {
    font-style: italic;
    border-left: none;
    text-align: center;
}
    .story-template-6 blockquote p {
        font-family: 'Covered By Your Grace', cursive;
        font-size: 4em;
        text-align: center;
        vertical-align: middle;
        line-height: 1em;        
    }
    .story-template-6 blockquote:before {
        display: block;
        margin-bottom: 15px;
        content: "\f10d";
        font-size: 4em;
        font-family: 'FontAwesome';
    }
    .story-template-6 blockquote:after {
        display: block;
        margin-top: 15px;
        content: "\f10e";
        font-size: 4em;
        font-family: 'FontAwesome';
    }
.cassandra-brother {
    background: url('/images/asix/cass/cassandra_brother.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
}
    .mobile .cassandra-brother {
        background: url('/images/asix/cass/cassandra_brother.jpg') no-repeat center center;
        background-size: cover;
    }
.ceramics {
    background: url('/images/asix/cass/ceramics.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
}
    .mobile .ceramics {
        background: url('/images/asix/cass/ceramics.jpg') no-repeat center center;
        background-size: cover;
    }
.eating-contest {
    background: url('/images/asix/cass/eating_contest.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
}
    .mobile .eating-contest {
        background: url('/images/asix/cass/eating_contest.jpg') no-repeat center center;
        background-size: cover;
    }    
.big-sur-hike {
    background: url('/images/asix/cass/big-sur-hike.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
}
    .mobile .big-sur-hike {
        background: url('/images/asix/cass/big-sur-hike.jpg') no-repeat center center;
        background-size: cover;
    }       
    
@media (max-width: 1023px) {
    .story-template-6 .slides-container img {
        left: -600px !important;
    }
    .story-template-6 .slides_text h1 {
        font-size: 5em;
    }
}

@media (max-width: 767px) and (orientation: portrait) {
    .story-template-6 .slides-container img {
        left: -480px !important;
    }
    .story-template-6 .slides_text h1 {
        font-size: 3em;
    }
    .story p {
        font-size: 1.5em;
    }
    .story-template-6 blockquote p {
        font-size: 2em;
    }
    .story h2 {
        font-size: 2em;
    }
    h3 {
        font-size: 1em;
    }
}
@media (max-width: 767px) and (orientation: landscape) {
    .story-template-6 .slides-container img {
        left: 0 !important;
    }
    .story-template-6 .slides_text h1 {
        font-size: 3em;
    }
    .story p {
        font-size: 1.5em;
    }
    .story-template-6 blockquote p {
        font-size: 2em;
    }
    .story h2 {
        font-size: 2em;
    }
    h3 {
        font-size: 1em;
    }
    /* Global Style */
    .nav-downarrow {
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
    }
    .read-story-btn {
        font-size: 0.8em;
    }
}

/* story-template-5 */
.story-template-5 .slides_text h1 {
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 0;
}
.story-template-5 .slides_text h1, 
.story-template-5 .slides_text h2 {
    font-family: 'Rock Salt', cursive !important;
    font-size: 5em;
    text-transform: uppercase;
    text-align: left;
    font-weight: 100;
    color: #000000;
}
.story-template-5 .slides_text .subhead {
    margin: 20px 0;
    font-family: 'MuseoSans-100','Trebuchet MS', Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #252525;
}
.story-template-5 blockquote {
    font-style: italic;
    border-left: none;
    text-align: center;
}
    .story-template-5 blockquote p {
        font-family: 'Balthazar', sans-serif;
        font-size: 4em;
        text-align: center;
        vertical-align: middle;
        line-height: 1em;        
    }
    .story-template-5 blockquote:before {
        display: block;
        margin-bottom: 15px;
        content: "\f10d";
        font-size: 4em;
        font-family: 'FontAwesome';
    }
    .story-template-5 blockquote:after {
        display: block;
        margin-top: 15px;
        content: "\f10e";
        font-size: 4em;
        font-family: 'FontAwesome';
    }
.pool-diagram {
    background: url('/images/asix/erin/pool-diagram.png') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .pool-diagram {
        background: url('/images/asix/erin/pool-diagram.png') no-repeat center center;
        background-size: cover;
    }
.erin-lifeguard-tower {
    background: url('/images/asix/erin/erin-lifeguard-tower.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .erin-lifeguard-tower {
        background: url('/images/asix/erin/erin-lifeguard-tower.jpg') no-repeat center center;
        background-size: cover;
    }    
.team-at-home-1920 {
    background: url('/images/asix/erin/team-at-home-1920.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .team-at-home-1920 {
        background: url('/images/asix/erin/team-at-home-1920.jpg') no-repeat center center;
        background-size: cover;
    }    
.San-Francisco-Streets {
    background: url('/images/asix/erin/San-Francisco-Streets.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    
    background-color: #ebebeb;
}
    .mobile .San-Francisco-Streets {
        background: url('/images/asix/erin/San-Francisco-Streets.jpg') no-repeat center center;
        background-size: cover;
    } 
.finisher {
    background: url('/images/asix/erin/finisher.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .finisher {
        background: url('/images/asix/erin/finisher.jpg') no-repeat center center;
        background-size: cover;
    }  
.erin-surf {
    background: url('/images/asix/erin/erin-surf.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .erin-surf {
        background: url('/images/asix/erin/erin-surf.jpg') no-repeat center center;
        background-size: cover;
    }  
@media (max-width: 1023px) {
    .story-template-5 .slides-container img {
        /*left: -600px !important;*/
    }
    .story-template-5 .slides_text h1 {
        font-size: 3em;
    }
}

@media (max-width: 767px) and (orientation: portrait) {
    .story-template-5 .slides-container img {
        /*left: -480px !important;*/
    }
    .story-template-5 .slides_text h1 {
        font-size: 2em;
    }
    .story-template-5 blockquote p {
        font-size: 2em;
    }
    .mobile .finisher {
        background-position-x: -361px
    }
    
}
@media (max-width: 767px) and (orientation: landscape) {
    .story-template-5 .slides-container img {
        left: 0 !important;
    }
    .story-template-5 .slides_text h1 {
        font-size: 2em;
    }
    .story-template-5 blockquote p {
        font-size: 2em;
    }
}

/* story-template-4 */
.story-template-4 .slides_text h1 {
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 0;
}
.story-template-4 .slides_text h1, 
.story-template-4 .slides_text h2 {
    font-family: 'Graduate', cursive !important;
    font-size: 6em;
    text-align: right;
    font-weight: 100;
    color: #000000;
}
.story-template-4 .slides_text .subhead {
    margin: 20px 0;
    font-family: 'MuseoSans-100','Trebuchet MS', Arial, Helvetica, sans-serif;
    font-weight: 700;
    width: 100%;
    text-align: right;
    color: #252525;
}
.story-template-4 blockquote {
    font-style: italic;
    border-left: none;
    text-align: center;
}
    .story-template-4 blockquote p {
        font-family: 'Roboto', sans-serif;
        font-size: 4em;
        text-align: center;
        vertical-align: middle;
        line-height: 1em;        
    }
    .story-template-4 blockquote:before {
        display: block;
        margin-bottom: 15px;
        content: "\f10d";
        font-size: 4em;
        font-family: 'FontAwesome';
    }
    .story-template-4 blockquote:after {
        display: block;
        margin-top: 15px;
        content: "\f10e";
        font-size: 4em;
        font-family: 'FontAwesome';
    }
.ASIvolleyballChamps {
    background: url('/images/asix/john/ASIvolleyballChamps.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .ASIvolleyballChamps {
        background: url('/images/asix/john/ASIvolleyballChamps.jpg') no-repeat center center;
        background-size: cover;
    }
.CPsoccergame {
    background: url('/images/asix/john/CPsoccergame.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .CPsoccergame {
        background: url('/images/asix/john/CPsoccergame.jpg') no-repeat center center;
        background-size: cover;
    }
.backpacking {
    background: url('/images/asix/john/backpacking.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .backpacking {
        background: url('/images/asix/john/backpacking.jpg') no-repeat center center;
        background-size: cover;
    }
.CUOREglovebox {
    background: url('/images/asix/john/CUOREglovebox.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .CUOREglovebox {
        background: url('/images/asix/john/CUOREglovebox.jpg') no-repeat center center;
        background-size: cover;
    }
.ASIintramuralsupervisorsdinner {
    background: url('/images/asix/john/ASIintramuralsupervisorsdinner.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .ASIintramuralsupervisorsdinner {
        background: url('/images/asix/john/ASIintramuralsupervisorsdinner.jpg') no-repeat center center;
        background-size: cover;
    }    

@media (max-width: 1023px) {
    .story-template-4 .slides-container img {
        /*left: -600px !important;*/
    }
    .story-template-4 .slides_text h1 {
        font-size: 3em;
    }
}

@media (max-width: 767px) and (orientation: portrait) {
    .story-template-4 .slides-container img {
        /*left: -480px !important;*/
    }
    .story-template-4 .slides_text h1 {
        font-size: 2em;
    }
    .story-template-4 blockquote p {
        font-size: 2em;
    }
    .mobile .finisher {
        background-position-x: -361px
    }
    
}
@media (max-width: 767px) and (orientation: landscape) {
    .story-template-4 .slides-container img {
        left: 0 !important;
    }
    .story-template-4 .slides_text h1 {
        font-size: 2em;
    }
    .story-template-4 blockquote p {
        font-size: 2em;
    }
}

/* story-template-3 */
.story-template-3 .slides_text h1 {
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 0;
}
.story-template-3 .slides_text h1, 
.story-template-3 .slides_text h2 {
    font-family: 'Limelight', cursive !important;
    font-size: 6em;
    text-align: left;
    font-weight: 100;
    color: #ffffff;
    text-shadow: 0 1px 1px #000, 0 -1px 1px #000, 1px 0 1px #000, -1px 0 1px #000;
}
.story-template-3 .slides_text .subhead {
    margin: 20px 0;
    font-family: 'MuseoSans-100','Trebuchet MS', Arial, Helvetica, sans-serif;
    font-weight: 700;
    width: 100%;
    text-align: left;
    color: #ffffff;
}
.story-template-3 blockquote {
    font-style: italic;
    border-left: none;
    text-align: center;
}
    .story-template-3 blockquote p {
        font-family: 'Merriweather Sans', sans-serif;
        font-size: 4em;
        text-align: center;
        vertical-align: middle;
        line-height: 1em;        
    }
    .story-template-3 blockquote:before {
        display: block;
        margin-bottom: 15px;
        content: "\f10d";
        font-size: 4em;
        font-family: 'FontAwesome';
    }
    .story-template-3 blockquote:after {
        display: block;
        margin-top: 15px;
        content: "\f10e";
        font-size: 4em;
        font-family: 'FontAwesome';
    }
.mustang-mile {
    background: url('/images/asix/arin/mustang-mile.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .mustang-mile {
        background: url('/images/asix/arin/mustang-mile.jpg') no-repeat center center;
        background-size: cover;
    }
.spring-training {
    background: url('/images/asix/arin/spring-training.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .spring-training {
        background: url('/images/asix/arin/spring-training.jpg') no-repeat center center;
        background-size: cover;
    }
.backpacking {
    background: url('/images/asix/john/backpacking.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .backpacking {
        background: url('/images/asix/john/backpacking.jpg') no-repeat center center;
        background-size: cover;
    }
.sky-diving {
    background: url('/images/asix/arin/sky-diving.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .sky-diving {
        background: url('/images/asix/arin/sky-diving.jpg') no-repeat center center;
        background-size: cover;
    }
.arin-mm-photo-booth {
    background: url('/images/asix/arin/arin-mm-photo-booth.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .arin-mm-photo-booth {
        background: url('/images/asix/arin/arin-mm-photo-booth.jpg') no-repeat center center;
        background-size: cover;
    }  
.story-template-3 .patua-xl {
    font-family: 'Patua One', cursive;
    text-transform: uppercase;
    font-size: 12em;
    color: #FFFFFE;
    margin: .25em auto;
    padding: 0;
}  
.story-template-3 .patua-lg {
    font-family: 'Patua One', cursive;
    text-transform: uppercase;
    font-size: 10.2em;
    color: #FFFFFF;
}
.story-template-3 .patua-sm {
    font-family: 'Patua One', cursive;
    text-transform: uppercase;
    font-size: 3em;
    color: #FFFFFF;
    margin-top: 1em;
    text-align: center;
}
.story-template-3 .patua-xs {
    font-family: 'Patua One', cursive;
    text-transform: uppercase;
    font-size: 1em;
    color: #FFFFFF;
    text-align: center;
    margin-top: .5em;
}
hr {
    color: #ebebeb;
    width: 95%;
    margin: 20px auto;
}
@media (max-width: 1023px) {
    .story-template-3 .slides-container img {
        left: -700px !important;
    }
    .story-template-3 .slides_text h1 {
        font-size: 3em;
    }
    .story-template-3 .patua-xl {
        font-size: 7em;
        text-align: center;
    }
    .sky-diving {
        background-position-x: -32px;
    }
    
}

@media (max-width: 767px) and (orientation: portrait) {
    .story-template-3 .slides-container img {
        left: -480px !important;
    }
    .story-template-3 .slides_text h1 {
        font-size: 2em;
    }
    .story-template-3 blockquote p {
        font-size: 2em;
    }
    .mobile .finisher {
        background-position-x: -361px
    }
    .story-template-3 .patua-lg {
        font-size: 3.2em;
    }
    .story-template-3 .patua-xl {
        font-size: 7em;
        text-align: center;
    }
    .sky-diving {
        background-position-x: -32px;
    }
    
}
@media (max-width: 767px) and (orientation: landscape) {
    .story-template-3 .slides-container img {
        left: 0 !important;
    }
    .story-template-3 .slides_text h1 {
        font-size: 2em;
    }
    .story-template-3 blockquote p {
        font-size: 2em;
    }
}

/* story-template-2 */
.story-template-2 .slides_text h1 {
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 0;
}
.story-template-2 .slides_text h1, 
.story-template-2 .slides_text h2 {
    font-family: 'Goblin One', cursive !important;
    font-size: 6em;
    text-align: left;
    font-weight: 100;
    color: #251b4d;
    text-shadow: 2px 2px #ebebeb, 0px 0px #251b4d;
    text-align: right;
}
.story-template-2 .slides_text .subhead {
    margin: 20px 0;
    font-family: 'MuseoSans-100','Trebuchet MS', Arial, Helvetica, sans-serif;
    font-weight: 700;
    width: 100%;
    text-align: right;
    color: #ffffff;
}
.story-template-2 blockquote {
    font-style: italic;
    border-left: none;
    text-align: center;
}
    .story-template-2 blockquote p {
        font-family: 'Philosopher', sans-serif;
        font-size: 4em;
        text-align: center;
        vertical-align: middle;
        line-height: 1em;        
    }
    .story-template-2 blockquote:before {
        display: block;
        margin-bottom: 15px;
        content: "\f10d";
        font-size: 4em;
        font-family: 'FontAwesome';
    }
    .story-template-2 blockquote:after {
        display: block;
        margin-top: 15px;
        content: "\f10e";
        font-size: 4em;
        font-family: 'FontAwesome';
    }
.training {
    background: url('/images/asix/nacho/training.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .training {
        background: url('/images/asix/nacho/training.jpg') no-repeat center center;
        background-size: cover;
    }
.football-diagram-eb {
    background: url('/images/asix/nacho/football-diagram-eb.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    background-color: #ebebeb;
}
    .mobile .football-diagram-eb {
        background: url('/images/asix/nacho/football-diagram-eb.jpg') no-repeat center center;
        background-size: cover;
    }    
.football-diagram {
    background: url('/images/asix/nacho/football-diagram.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .football-diagram {
        background: url('/images/asix/nacho/football-diagram.jpg') no-repeat center center;
        background-size: cover;
    }    
.ridge-trail {
    background: url('/images/asix/nacho/ridge-trail.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .ridge-trail {
        background: url('/images/asix/nacho/ridge-trail.jpg') no-repeat center center;
        background-size: cover;
    }        
    
.wine-shipper {
    background: url('/images/asix/nacho/wine-shipper.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .wine-shipper {
        background: url('/images/asix/nacho/wine-shipper.jpg') no-repeat center center;
        background-size: cover;
    }      
.story-template-2 .anton-xxl {
    font-family: 'Anton', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 16em;
    color: #FFFFFF;
    padding: .25em 0;
    margin: .25em 0;
    line-height: 0.2em;
}
.story-template-2 .anton-md {
    font-family: 'Anton', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 5.9em;
    color: #FFFFFF;
    padding: .25em 0;
    margin: .25em 0;
    line-height: 0.2em;
}
.story-template-2 .gob-lg {
    font-family: 'Goblin One', cursive;
    text-transform: uppercase;
    font-size: 12.5em;
    color: #FFFFFF;
    padding: .25em 0;
    margin: .4em 0 .25em 0;
    line-height: 0.2em;
}
.story-template-2 .anton-sm {
    font-family: 'Anton', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 5.2em;
    color: #FFFFFF;
    padding: .25em 0;
    margin: .25em 0;
    line-height: 0.2em;
}
.story-template-2 .grad-lg {
    font-family: 'Graduate', cursive;
    text-transform: uppercase;
    font-size: 8.9em;
    color: #FFFFFF;
    padding: .25em 0;
    margin: .25em 0;
    line-height: 0.2em;
}
.story-template-2 .anton-lg {
    font-family: 'Anton', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 6.1em;
    color: #FFFFFF;
    padding: .25em 0;
    margin: .25em 0;
    line-height: 0.2em;
}
.story-template-2 .gob-xl {
    font-family: 'Goblin One', cursive;
    text-transform: uppercase;
    font-size: 13.6em;
    color: #FFFFFF;
    padding: .25em 0;
    margin: .4em 0 .25em 0;
    line-height: 0.2em;
}
.story-template-2 .anton-xl {
    font-family: 'Anton', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 9.3em;
    color: #FFFFFF;
    padding: .25em 0;
    margin: .25em 0;
    line-height: 0.2em;
}
.story-template-2 .patua-lg {
    font-family: 'Patua One', cursive;
    text-transform: uppercase;
    font-size: 26.7em;
    color: #FFFFFF;
    padding: .25em 0;
    margin: .25em 0;
    line-height: 0.2em;
}


hr {
    color: #ebebeb;
    width: 95%;
    margin: 20px auto;
}
@media (max-width: 1023px) {
    .story-template-2 .slides-container img {
        /*left: -700px !important;*/
    }
    .story-template-2 .slides_text h1 {
        font-size: 3em;
    }
    .story-template-2 .anton-xxl {
        font-size: 13em;
        line-height: 0.2em;
    }
    .story-template-2 .anton-md {
        font-size: 4.9em;
        line-height: 0.2em;
    }
    .story-template-2 .gob-lg {
        font-size: 10.5em;
        line-height: 0.2em;
    }
    .story-template-2 .anton-sm {
        font-size: 4.2em;
        line-height: 0.2em;
    }
    .story-template-2 .grad-lg {
        font-size: 6.9em;
        line-height: 0.2em;
    }
    .story-template-2 .anton-lg {
        font-size: 5.1em;
        line-height: 0.2em;
    }
    .story-template-2 .gob-xl {
        font-size: 10.6em;
        line-height: 0.2em;
    }
    .story-template-2 .anton-xl {
        font-size: 7.3em;
        line-height: 0.2em;
    }
    .story-template-2 .patua-lg {
        font-size: 19.7em;
        line-height: 0.2em;
    }
    
}

@media (max-width: 767px) and (orientation: portrait) {
    .story-template-2 .slides-container img {
        left: -132px !important;
    }
    .story-template-2 .slides_text h1 {
        font-size: 2em;
    }
    .story-template-2 blockquote p {
        font-size: 2em;
    }
    .story-template-2 .anton-xxl {
        font-size: 5em;
        line-height: 0.2em;
    }
    .story-template-2 .anton-md {
        font-size: 1.9em;
        line-height: 0.2em;
    }
    .story-template-2 .gob-lg {
        font-size: 3.9em;
        line-height: 0.2em;
    }
    .story-template-2 .anton-sm {
        font-size: 1.6em;
        line-height: 0.2em;
    }
    .story-template-2 .grad-lg {
        font-size: 2.7em;
        line-height: 0.2em;
    }
    .story-template-2 .anton-lg {
        font-size: 1.9em;
        line-height: 0.2em;
    }
    .story-template-2 .gob-xl {
        font-size: 4.2em;
        line-height: 0.2em;
    }
    .story-template-2 .anton-xl {
        font-size: 2.9em;
        line-height: 0.2em;
    }
    .story-template-2 .patua-lg {
        font-size: 8.3em;
        line-height: 0.2em;
    }
    
}
@media (max-width: 767px) and (orientation: landscape) {
    .story-template-2 .slides-container img {
        left: 0 !important;
    }
    .story-template-2 .slides_text h1 {
        font-size: 2em;
    }
    .story-template-2 blockquote p {
        font-size: 2em;
    }
    .story-template-2 .anton-xxl {
        font-size: 9em;
        line-height: 0.2em;
    }
    .story-template-2 .anton-md {
        font-size: 3.3em;
        line-height: 0.2em;
    }
    .story-template-2 .gob-lg {
        font-size: 7.0em;
        line-height: 0.2em;
    }
    .story-template-2 .anton-sm {
        font-size: 2.9em;
        line-height: 0.2em;
    }
    .story-template-2 .grad-lg {
        font-size: 5.0em;
        line-height: 0.2em;
    }
    .story-template-2 .anton-lg {
        font-size: 3.5em;
        line-height: 0.2em;
    }
    .story-template-2 .gob-xl {
        font-size: 7.7em;
        line-height: 0em;
    }
    .story-template-2 .anton-xl {
        font-size: 5.3em;
        line-height: 0.2em;
    }
    .story-template-2 .patua-lg {
        font-size: 15.1em;
        line-height: 0em;
    }
}

/* story-template-1 */
.story-template-1 .slides_text h1 {
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 0;
}
.story-template-1 .slides_text h1, 
.story-template-1 .slides_text h2 {
    font-family: 'Spirax', cursive !important;
    font-size: 8em;
    text-align: left;
    font-weight: 100;
    color: #ffffff;
    text-align: right;
}
.story-template-1 .slides_text .subhead {
    margin: 20px 0;
    font-family: 'MuseoSans-100','Trebuchet MS', Arial, Helvetica, sans-serif;
    font-weight: 700;
    width: 100%;
    text-align: right;
    color: #ffffff;
}
.story-template-1 blockquote {
    font-style: italic;
    border-left: none;
    text-align: center;
}
    .story-template-1 blockquote p {
        font-family: 'Original Surfer', cursive;
        font-size: 4em;
        text-align: center;
        vertical-align: middle;
        line-height: 1em;        
    }
    .story-template-1 blockquote:before {
        display: block;
        margin-bottom: 15px;
        content: "\f10d";
        font-size: 4em;
        font-family: 'FontAwesome';
    }
    .story-template-1 blockquote:after {
        display: block;
        margin-top: 15px;
        content: "\f10e";
        font-size: 4em;
        font-family: 'FontAwesome';
    }
    p.asi-color-dark-text.reading-poetry {
        font-family: 'Original Surfer', cursive;
        font-size: 4em;
        text-align: center;
        vertical-align: middle;
        line-height: 1em;  
    }
.plumerias {
    background: url('/images/asix/kara/plumerias.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    background-color: #ebebeb;
}
    .mobile .plumerias {
        background: url('/images/asix/kara/plumerias.jpg') no-repeat center center;
        background-size: cover;
    }
    
.big-vid-bg {
    background: url('/images/asix/kara/big-vid-bg.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    background-color: #ebebeb;
}
    .mobile .big-vid-bg {
        background: url('/images/asix/kara/big-vid-bg.jpg') no-repeat center center;
        background-size: cover;
    }
.kara-with-mom {
    background: url('/images/asix/kara/kara-with-mom.JPG') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .kara-with-mom {
        background: url('/images/asix/kara/kara-with-mom.JPG') no-repeat center center;
        background-size: cover;
    }
.hawaiian-islands {
    background: url('/images/asix/kara/hawaiian-islands.png') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    background-color: #ebebeb;
}
    .mobile .hawaiian-islands {
        background: url('/images/asix/kara/hawaiian-islands.png') no-repeat center center;
        background-size: cover;
    }
.morro-rock {
    background: url('/images/asix/kara/morro-rock.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .morro-rock {
        background: url('/images/asix/kara/morro-rock.jpg') no-repeat center center;
        background-size: cover;
    }
.clay-disc-top {
    background: url('/images/asix/kara/clay-disc-top.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    background-color: #ebebeb;
}
    .mobile .clay-disc-top {
        background: url('/images/asix/kara/clay-disc-top.jpg') no-repeat center center;
        background-size: cover;
    }
.kara-with-student {
    background: url('/images/asix/kara/kara-with-student.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .kara-with-student {
        background: url('/images/asix/kara/kara-with-student.jpg') no-repeat center center;
        background-size: cover;
    }    
.washington-coast {
    background: url('/images/asix/kara/washington-coast.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .washington-coast {
        background: url('/images/asix/kara/washington-coast.jpg') no-repeat center center;
        background-size: cover;
    }      
.kara-reading-poetry {
    background: url('/images/asix/kara/kara-reading-poetry.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    background-color: #ebebeb;
}
    .mobile .kara-reading-poetry {
        background: url('/images/asix/kara/kara-reading-poetry.jpg') no-repeat center center;
        background-size: cover;
    }    
.kara-with-her-horse {
    background: url('/images/asix/kara/kara-with-her-horse.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .kara-with-her-horse {
        background: url('/images/asix/kara/kara-with-her-horse.jpg') no-repeat center center;
        background-size: cover;
    }    
.broken-clay {
    background: url('/images/asix/kara/broken-clay.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    background-color: #ebebeb;
}
    .mobile .broken-clay {
        background: url('/images/asix/kara/broken-clay.jpg') no-repeat center center;
        background-size: cover;
    }      
.wood-burned-drawing {
    background: url('/images/asix/kara/wood-burned-drawing.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    background-color: #ebebeb;
}
    .mobile .wood-burned-drawing {
        background: url('/images/asix/kara/wood-burned-drawing.jpg') no-repeat center center;
        background-size: cover;
    }        
.sunset {
    background: url('/images/asix/kara/sunset.jpg') no-repeat center center fixed;
    color:#fff;
    background-size:cover;
    height: 40em;
    background-color: #ebebeb;
}
    .mobile .sunset {
        background: url('/images/asix/kara/sunset.jpg') no-repeat center center;
        background-size: cover;
    }       
    
    
    
.padded-15x {
    padding: 15em 0;
}  
  
  
  
.story-template-1 .small-video p {
    color: #FFFFFF;
}
@media (max-width: 1023px) {
    .story-template-1 .slides-container img {
        /*left: -700px !important;*/
    }
    .story-template-1 .slides_text h1 {
        font-size: 3em;
    }

    
}

@media (max-width: 767px) and (orientation: portrait) {
    .story-template-1 .slides-container img {
        left: -132px !important;
    }
    .story-template-1 .slides_text h1 {
        font-size: 2em;
    }
    .story-template-1 blockquote p {
        font-size: 2em;
    }
    .mobile .kara-with-student {
        background-position-x: -530px;
    }
    p.asi-color-dark-text.reading-poetry {
        font-size: 2em;
    }
    .mobile .kara-with-her-horse {
        background-position-x: -430px;
    }
}
@media (max-width: 767px) and (orientation: landscape) {
    .story-template-1 .slides-container img {
        left: 0 !important;
    }
    .story-template-1 .slides_text h1 {
        font-size: 2em;
    }
    .story-template-1 blockquote p {
        font-size: 2em;
    }
    p.asi-color-dark-text.reading-poetry {
        font-size: 2em;
    }

}