/* SPRING 2017 ISSUE */
/*
FONTS
------------
Family:     Georgia, Times, "Times New Roman", serif;
Weights:    all
Styles:     all

Family:     'Druk Text Web', 'Arial Black', sans-serif;
Weights:    700;
Styles:     normal, italic

Family:     'Druk Text Wide', 'Arial Black', sans-serif;
Weights:    700;
Styles:     normal, italic

Family:     'Druk XCond Web', sans-serif;
Weights:    900;
Styles:     normal, italic

Family:     'RudeSlabExtraWide-Book', serif;
Weights:    400;
Styles:     normal, italic
------------
*/

#home-features-slides .slide-local-color:before, 
#home-features-slides .slide-extra-extra:before, 
#home-features-slides .slide-serving-those-who-served:before {
     content: " ";
     display: block;
     width: 100%;
     height: 45%;
     position: absolute;
     bottom: 0;
     left:0;
     z-index: 5;
     background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.65) 100%);
}

#home-features-slides li.slide-local-color {
    background-position: center right !important;
}

#home-features-slides li.slide-extra-extra h2 {
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}
#home-features-slides li.slide-extra-extra {
    background-position: center right !important;
}

#home-features-slides li.slide-serving-those-who-served {
    background-image: url("../_images/features/stws-feature-left.jpg"), url("../_images/features/stws-feature-right.jpg") !important;
    background-repeat: no-repeat, no-repeat !important;
    background-color: #fff !important;
    background-position: top left, top right !important;
    background-size: contain !important;
}
#home-features-slides li.slide-serving-those-who-served h2 {
    text-shadow: 1px 1px 5px rgba(0,0,0,0.6);
}
@media only screen and (min-width: 64em) {
    #home-features-slides li.slide-serving-those-who-served h2 {
        color: #000;
        text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    }
}

@media screen and (max-width: 960px) {
    #home-features-slides li.slide-serving-those-who-served {
        background-image: url("../_images/features/stws-feature-small.jpg") !important;
        background-position: bottom center !important;
        background-size: contain !important;
    }
}
@media screen and (max-width: 40em) {
    #home-features-slides li.slide-serving-those-who-served {
        background-size: cover;
    }
}

#home-features-slides li.slide-beyond-the-stars {
    background-position: center center;
}



/* Components */

/*Wide Slider Component*/
.wideslider-container {
    background-color: #d63c4f;
    width: 100%;
    text-align: center;
    padding: 18px 2% 50px;
}

.wideslider-title {
    font-family: 'RudeSlabExtraWide-Book';
    color: #fff;
    font-weight: 100;
    font-size: 18px;
    margin-bottom: 20px;
}

.wideslider-content {
    max-width: 1280px;
    margin: auto;
    text-align: center;
}

.wideslider-slideshow {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wideslider-slideshow .cycle-slideshow {
    width: 85%;
}

.wideslider-slide {
    margin: auto;
    background-color: #fff;
    box-shadow: 0 10px 10px -4px rgba(0,0,0,.3);
    width: 100%;
    height: 100%;
    text-align: center;
    float: left;
}

.wideslider-slide img {
    width: 100%;
}

.wideslider-slide .left-col {
    float: left;
    position: relative;
    width: 50%;
    height: 100%;
}

.wideslider-slide .right-col {
    float: left;
    width: 40%;
    padding: 0px 30px;
    height: 100%;
}


@media screen and (max-width: 960px) {
    .wideslider-slide {
        float: none;
    }

    .wideslider-slide .left-col {
        width: 100%;
        height: auto;
        border-bottom: 1px solid #d5d5d5;
    }

    .wideslider-slide .right-col {
        width: 100%;
        height: auto;
        padding: 50px 30px 20px;
    }

    .wideslider-slide .right-col .vertical-center {
        top: auto;
        transform: translateY(0px);
    }
}


.wideslider-slide h3 {
    font-family: 'Druk Text Web';
    color: #000;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 1;
}

.wideslider-slide h5 {
    font-family: 'Druk Text Wide';
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .3em;
    color: #d63c4f;
    line-height: 1;
}

.wideslider-slide p {
    font-size: 16px;
    line-height: 24px;
    color: #777;
    line-height: 1.6;
    margin-top: 20px;
}

.wideslider-nav {
    transition: all .3s ease;
}

.wideslider-next:hover {
    transform: translate(5px);
    cursor: pointer;
}

.wideslider-prev:hover {
    transform: translate(-5px);
    cursor: pointer;
}

.cycle-pager {
    bottom: -45px;
}

.cycle-pager span {  
    display: inline-block;
    color: rgba(255,255,255,0.4);
    cursor: pointer; 
}

.cycle-pager span.cycle-pager-active {
    color: rgba(255,255,255,1);
}

@media screen and (max-width: 640px) {
    .wideslider-nav {
        display: none;
    }

    .wideslider-slideshow .cycle-slideshow {
        width: 100%;
    }
}




/*Quote BG Component*/
.quote-full {
    width: 100%;
    padding: 10% 20px;
    background-color: #000;
}

.quote-full .pullquote {
    font-family: 'RudeSlabExtraWide-Book';
    font-weight: 100;
    font-size: 32px;
    color: #fff;
    max-width: 960px;
    text-align: center;
    margin: auto;
    z-index: 2;
}

@media screen and (max-width: 640px) {
    .quote-full .pullquote {
        font-size: 18px;
        line-height: 1.6;
        padding: 0px 20px;
    }
}



/*Wide Images Component*/
.image-wide.row {
    max-width: 1024px;
}

.image-wide img {
    width: 100%;
}

.story-feature .caption {
    font-size: 16px;
    color: #777;
    margin-top: 10px;
    margin-bottom: 0px;
    text-align: center;
    padding: 0px 20px;
}




/*Timeline Component*/
.timeline-container {
    width: 100%;
    background-color: #fff;
    padding: 2% 2%;
}
.timeline-content {
    margin: auto;
}

.timeline-container {
    text-align: center;
    margin-bottom: 70px;
}

.timeline-title {
    font-family: 'RudeSlabExtraWide-Book';
    margin-bottom: 2%;
}

.timeline-date {
    font-family: 'Druk XCond Web', sans-serif;
    font-size: 120px;
    color: #d63c4f;
    margin-bottom: 0px;
    line-height: 1;
}

.timeline-event {
    font-family: 'Druk Text Wide';
    font-size: .9em;
    color: #d63c4f;
    margin-top: 0px;
}

.timeline-description {
    font-size: .9em;
    line-height: 1.6;
    color: #777;
    padding: 0px 8%;
}





/*Testimonial Component*/
.testimonial-content {
    max-width: 1024px;
    margin: auto;
    text-align: center;
    padding: 5% 20px;
}

.testimonial-quote {
    font-family: 'RudeSlabExtraWide-Book';
    font-size: 27px;
    font-style: normal;
    font-weight: 200;
    line-height: 1.6;
}

.testimonial-author {
    font-family: 'Druk Text Web';
    color: #fff;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 1;
    margin-bottom: 10px;
    margin-top: 40px;
}

.testimonial-position {
    margin-top: 0px;
    font-family: 'Druk Text Wide';
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .3em;
    color: #d63c4f;
    margin-bottom: 0px;
}

@media screen and (max-width: 640px) {
    .testimonial-quote {
        font-size: 18px;
        padding: 0px 20px;
    }
}

.testimonial-slideshow {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.testimonial-title {
    font-family: 'RudeSlabExtraWide-Book';
    margin-bottom: 40px;
    margin-top: 0px;
    color: #fff;
    font-weight: 100;
    font-size: 18px;
    margin-bottom: 5%;
}

.testimonial-slideshow .cycle-slideshow {
    width: 85%;
}

.testimonial-nav {
    transition: all .3s ease;
    transform: translateY(-50%);
}

.testimonial-next:hover {
    transform: translate(5px,-50%);
    cursor: pointer;
}

.testimonial-prev:hover {
    transform: translate(-5px,-50%);
    cursor: pointer;
}

/*============== BEYOND THE STARS ==============*/
.bts-feature {
    width: 100%;
    margin: 0 auto;
}

.bts-feature h1, .bts-feature .story-content h3 {
    color: #d63c4f;
    margin-top: 40px;
}

.bts-feature .story-header img {
    width: 90%;
}

.bts-feature .story-content img {
    width: 100%;
    margin-bottom: 40px;
    margin-top: 10px;
}

.bts-feature .image-wide img {
    width: 100%;
}

.bts-feature .story-header {
    background-image: url("../_images/features/bts-feature-v3.jpg");
    background-repeat: no-repeat;
    background-color: #000;
    background-position: top right;
    background-size: contain;
    width: 100%;
    height: 80vh;
    position: relative;
}

@media screen and (max-width: 640px) {
    .bts-feature .story-header {
        background-image: url("../_images/features/bts-feature-small.jpg");
        background-position: center center;
        background-size: cover;
    }
}

.bts-feature .feature-content {
    position: absolute;
    width: 30%;
    height: 100%;
    left: 0px;
    top: 0px;
    padding: 0px 20px;
    color: #fff;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .bts-feature .feature-content {
        width: 100%;
        top: auto;
        bottom: 0px;
        height: 100%;
        background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
        padding-bottom: 40px;
    }

    .bts-feature .feature-content .vertical-center {
        top: auto;
        bottom: 40px;
        transform: none;
        position: absolute;
    }

    .bts-feature .feature-content h1 {
        max-width: 400px;
        text-align: center;
        margin: auto;
    }
}

.bts-feature .drop-cap {
    color: #d63c4f;
}

.bts-feature .feature-content h2 {
    font-family: 'RudeSlabExtraWide-Book';
    font-size: 1em;
    font-weight: 100;
    padding: 0px 10%;
}

.bts-feature .author {
    font-family: 'Druk Text Wide';
    font-size: .6em;
    text-transform: uppercase;
    letter-spacing: .3em;
}

.bts-feature .pullquote-left, .bts-feature .pullquote-right {
    font-family: 'RudeSlabExtraWide-Book';
    font-size: 27px;
    font-style: normal;
    font-weight: 200;
    color: #d63c4f;
}

.bts-feature .quote-full.stars-bg {
    background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url("../_images/features/bts-stars.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}

.bts-feature .quote-full.nasa-bg {
    background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url("../_images/features/bts-nasa.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}






/*============== EXTRA! EXTRA! ==============*/
.extra-feature {
    width: 100%;
    margin: 0 auto;
}

.extra-feature h1, .extra-feature .story-content h3 {
    color: #333;
    margin-top: 40px;
}

.extra-feature .story-header img {
    width: 100%;
}

.extra-feature .story-header {
    background-image: url("../_images/features/extra-feature.jpg");
    background-repeat: no-repeat;
    background-color: #000;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 80vh;
    position: relative;
}

@media screen and (max-width: 640px) {
/*
    .extra-feature .story-header {
        background-image: url("../_images/features/extra-feature-small.jpg");
    }
*/
}

.extra-feature .feature-content {
    position: absolute;
    max-width: 728px;
    width: 50%;
    left: 0px;
    top: auto;
    bottom: 0px;
    right: 0px;
    padding: 0px 20px;
    color: #fff;
    text-align: center;
    margin: auto;
    text-align: center;
}

.extra-feature .story-header:before {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0px;
    top: auto;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 60%;
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.6) 90%);
}

@media screen and (max-width: 1024px) {
    .extra-feature .feature-content {
        width: 50%;
    }
}

@media screen and (max-width: 640px) {
    .extra-feature .feature-content {
        width: 100%;
        background-color: transparent;
    }
}

.extra-feature .story-content img {
    width: 100%;
    margin-bottom: 40px;
    margin-top: 10px;
}

.extra-feature .image-wide img {
    width: 100%;
}

.extra-feature .drop-cap {
    color: #d63c4f;
}

.extra-feature .feature-content h2 {
    font-family: 'RudeSlabExtraWide-Book';
    font-size: 1em;
    font-weight: 100;
    padding: 20px 10%;
}

.extra-feature .author {
    font-family: 'Druk Text Wide';
    font-size: .6em;
    text-transform: uppercase;
    letter-spacing: .3em;
}

.extra-feature .pullquote-left, .extra-feature .pullquote-right {
    font-family: 'RudeSlabExtraWide-Book';
    font-size: 27px;
    font-style: normal;
    font-weight: 200;
    color: #d63c4f;
}

.extra-feature .testimonial-container {
    background-color: #000;
    margin-bottom: 70px;
    color: #fff
}





/*============== Serving Those That Served ==============*/
.stws-feature {
    width: 100%;
    margin: 0 auto;
}

.stws-feature h1, .stws-feature .story-content h3 {
    color: #333;
}

.stws-feature .drop-cap {
    color: #0065b3;
}

.stws-feature .feature-content {
    width: 40%;
    margin: auto;
    text-align: center;
}

.stws-feature .feature-content h2 {
    font-family: 'RudeSlabExtraWide-Book';
    font-size: 1em;
    font-weight: 100;
    padding: 0px 15%;
    margin-top: 5%;
    color: #0065b3;
}

.stws-feature .author {
    font-family: 'Druk Text Wide';
    font-size: .6em;
    text-transform: uppercase;
    letter-spacing: .3em;
    color: #df1d25;
}

.stws-feature .story-header {
    background-image: url("../_images/features/stws-feature-left.jpg"), url("../_images/features/stws-feature-right.jpg");
    background-repeat: no-repeat, no-repeat;
    background-color: #fff;
    background-position: top left, top right;
    background-size: contain;
    width: 100%;
    height: 80vh;
    position: relative;
}

@media screen and (max-width: 960px) {
    .stws-feature .feature-content {
        width: 90%;
        padding-bottom: 110%
    }

    .stws-feature .feature-content h2 {
        padding: 0px;
    }

    .stws-feature .vertical-center {
        top: 20px;
        transform: none;
    }

    .stws-feature .story-header {
        background-image: url("../_images/features/stws-feature-small.jpg");
        background-position: bottom center;
        background-size: contain;
        height: 100%;
    }
}

.stws-feature .dedicated-title {
    text-align: center;
    margin: auto;
    text-transform: uppercase;
    font-family: 'Druk XCond Web', sans-serif;
    font-size: 120px;
    color: #d63c4f;
    margin-bottom: 0px;
    line-height: .85;
}

.stws-feature .dedicated-summary {
    font-family: 'RudeSlabExtraWide-Book';
    font-size: 1.2em;
    line-height: 1.3;
    margin-top: 15px;
    max-width: 640px;
    text-align: center;
    margin: auto;
    color: #0065b3;
    margin-bottom: 70px;
}


.stws-feature .dedicated-content {
    max-width: 1280px;
    margin: auto;
}

.stws-feature .dedicated-name {
    font-family: 'Druk Text Wide';
    font-size: .9em;
    color: #000;
    margin-top: 0px;
}

.stws-feature .dedicated-description {
    font-size: .9em;
    line-height: 1.6;
    color: #777;
}

.stws-feature .dedicated-item {
    margin-bottom: 40px;
}





/*============== Local Color ==============*/
.lc-feature {
    width: 100%;
    margin: 0 auto;
}

.lc-feature h1, .lc-feature .story-content h3 {
    color: #333;
}

.lc-feature .drop-cap {
    color: #927bb8;
}

.lc-feature .feature-content {
    width: 50%;
    position: absolute;
    right: 5%;
    top: 42%;
    text-align: center;
}

.lc-feature .feature-content h2 {
    font-family: 'Druk Text Wide';
    font-size: 1.2em;
    font-weight: 100;
    padding: 0px 10%;
    margin-top: 2%;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
        0px 8px 13px rgba(0,0,0,0.1),
        0px 18px 23px rgba(0,0,0,0.1);
    color: #fff;
}

.lc-feature .author {
    font-family: 'Druk Text Wide';
    font-size: .7em;
    text-transform: uppercase;
    letter-spacing: .3em;
    color: #fff;
}

.lc-feature .story-header {
    background-image: url("../_images/features/lc-feature.jpg");
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 80vh;
    position: relative;
}

.lc-feature .story-content h2 {
    font-family: 'RudeSlabExtraWide-Book';
    font-size: 15px;
    font-weight: 100;
    padding: 0px 20%;
    margin-top: 5%;
    color: #0065b3;
}

@media screen and (max-width: 1024px) {
    .lc-feature .vertical-center {
        top: auto;
        right: auto;
        left: auto;
        transform: none;
    }

    .lc-feature .feature-content {
        width:90%;
        margin: auto;
        text-align: center;
        position: relative;
        padding-top: 70px;
        padding-bottom: 120%;
    }

    .lc-feature .feature-content h2 {
        font-size: 1em;
        padding: 0px 20px;
    }


    .lc-feature .story-header {
    }
}

@media screen and (max-width: 640px) {
    .lc-feature .story-header {
        background: url("../_images/features/lc-feature-small.jpg") #c4e9f7;
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size: contain;
        height: 100%;
    }
}


.lc-feature .story-content img {
    width: 100%;
}

.lc-feature .quote-full .pullquote {
    line-height: 1.3;
    color: #cf4999;
    width: 40%;
    margin: 0px;
    padding-left: 10%;
    text-align: left;
}

.lc-feature .quote-full.lc-bg {
    background: url("../_images/features/lc-quote-bg.jpg"), linear-gradient(to right, rgba(182,227,238,1), rgba(182,227,238,1));
    background-size: contain;
    background-position: 80% top;
    background-repeat: no-repeat;
    position: relative;
}

@media screen and (max-width: 960px) {
    .lc-feature .quote-full .pullquote {
        width: 90%;
        margin: auto;
        padding-left: 0px;
        padding-bottom: 100%;
        text-align: center;
    }

    .lc-feature .quote-full.lc-bg {
        background-position: center bottom;
    }
}

.lc-feature .paintings-container {
    background-color: #fff;
    padding-top: 70px;
    border-top: 1px solid #d5d5d5;
}

.lc-feature .paintings-container h2 {
    text-align: center;
    margin: auto;
    text-transform: uppercase;
    font-family: 'Druk XCond Web', sans-serif;
    font-size: 120px;
    color: #927bb8;
    margin-bottom: 0px;
    line-height: .85;
    letter-spacing: 1.5px;
}

.lc-feature .paintings-container h4 {
    font-family: 'RudeSlabExtraWide-Book';
    font-size: 1.2em;
    line-height: 1.3;
    margin-top: 15px;
    max-width: 640px;
    text-align: center;
    margin: auto;
    color: #777;
    margin-bottom: 70px;
        padding: 0px 20px;
}

.lc-feature .paintings-container .columns {
    padding-right: 0px;
    padding-left: 0px;
}

.lc-feature .paintings-container img {
    width: 100%;
}