/* HEADER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.byu-ribbon--feature-article .byu-ribbon-logo {
    margin-left: 2rem;
}
.feature-header {
    box-sizing: border-box;
    padding: 2rem;
    background: transparent;
    height: 5rem;
    position: absolute;
    width: 100%;
    border: none;
}
.feature-header__masthead {
    width: 80%;
    padding: 0px 20% 0px 0px;
    float: left;
}
.feature-header__share {
    float: left;
}
.feature-header__share > .share-article {
    width: auto;
    padding: 0;
}
.feature-header__share > ul > li {
    margin: 0;
}
.feature-header__share > ul > li .fa-circle {
    color: #000;
    opacity: 0.2;
}
.feature-header__share > ul > li .fa + .fa {
    color: #fff;
}

@media (min-width: 375px) {
    .feature-header__share {
        float: right;
    }
    .feature-header__masthead {
        width: 150px;
        float: left;
        padding: 0;
    }
}

@media (min-width: 640px) {
    .feature-header__share > ul > li {
        float: left;
        margin-top: .33rem;
    }
    .feature-header__share > .share-article {
        width: auto;
        padding: 0;
    }
}

@media (min-width: 900px) {
    .feature-header__masthead {
        width: 15%;
    }
}

@media (min-width: 1800px) {
    .feature-header__masthead {
        width: 12%;
    }
}

/* SPLASH
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.feature-splash {}
.feature-splash__full-width-image {
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
}

@media (min-width: 900px) {
    .feature-splash__full-width-image {
        padding-bottom: 60%;
    }
}

/* LEDE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.feature-lede {
    padding: 6rem 0 2rem;
    text-align: center;
    background: hsl(0, 0%, 96%);
}
.feature-lede__hed {
    font-size: 4rem;
    line-height: 1.2; /* 1.3? */
    margin-bottom: 2rem;
}
.feature-lede__hed i, .feature-lede__hed em {
    font-family: "CaeciliaItalic", "Caecilia LT Std", Georgia, serif;
}
.feature-lede__dek {
    font-family: "CaeciliaItalic", "Caecilia LT Std", Georgia, serif;
    font-style: italic;
    font-size: 2rem;
    margin-bottom: 2rem;
    opacity: .6;
}
.feature-lede__byline,
.feature-lede__add-line {
    font-family: "CaeciliaItalic", "Caecilia LT Std", Georgia, serif;
    font-style: italic;
    padding-top: 3rem;
    border-top: 1px solid hsl(0, 0%, 92%);
}
.feature-lede__add-line {
    border: none;
    padding-top: 0;
    margin-top: 0;
}
.feature-lede__byline + .feature-lede__add-line {
    margin-top: -1rem;
}
@media (min-width: 640px) {
    .feature-lede__hed {
        font-size: 5rem;
    }
}
@media (min-width: 1024px) {
    .feature-lede__hed {
        font-size: 6rem;
        margin-bottom: 3rem;
    }
}

/* INTRO
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.feature-intro {
    padding: 6rem 0 0;
    padding-top: 0;
}
.feature-intro + .feature-intro {
    padding-top: 0;
}
.feature-intro p {
    font-family: "CaeciliaItalic", "Caecilia LT Std", Georgia, serif;
    font-style: italic;
    font-size: 2rem;
    line-height: 1.9;
    color: #444;
}

/* BODY
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.feature-body {
    padding: 0 0 6rem 0;
}
.feature-body--no-bottom-padding {
    padding-bottom: 0;
}
.feature-intro + .feature-body {
    padding-top: 0rem;
}
.feature-body p:last-child {
    margin-bottom: 0;
}
.feature-body h2:first-of-type:nth-child(2) {
    margin-top: 0;
}
.feature-body + .feature-body h2:first-of-type:nth-child(2) {
    margin-top: 0rem;
}
.feature-body + .feature-body {
    padding-top: 0;
}
/*.feature-body ~ .feature-body {
    padding-bottom: 0;
}*/
.feature-body h2 i, .feature-body h2 em {
    font-family: "CaeciliaItalic", "Caecilia LT Std", Georgia, serif;
}
/* End mark ? */
/*.feature-body:last-of-type p:last-child:after {
    content: " \25AE";/*25A0 25A3* /
    color: #CFB67A;
}*/

/* BODY EXTRAS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Pull-Quotes */
.feature-body .pull-quote {
    display: block;
    padding: 3rem 0;
    font-family: "CaeciliaBold", "Caecilia LT Std", Georgia, serif;
    font-style: normal;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.3;
    border-top: 1px solid hsl(0, 0%, 92%);
    border-bottom: 1px solid hsl(0, 0%, 92%);
    margin: 4rem 0;
    color: hsl(42, 47%, 65%);
    /*color: #113D6E;*/
    /*color: #333;*/
}
.feature-body .pull-quote i, .feature-body .pull-quote em {
    font-family: "CaeciliaItalic", "Caecilia LT Std", Georgia, serif;
}
.feature-body .pull-quote:before {
    /*content: "\201C";*/
}
.feature-body .pull-quote:after {
    /*content: "\201D";*/
}
@media (min-width: 640px) {
    .feature-body .pull-quote--left {
        width: calc(50% - 1.5rem);
        float: left;
        margin: 1rem 3rem 1rem 0;
    }
    .feature-body .pull-quote--right {
        width: calc(50% - 1.5rem);
        float: right;
        margin: 1rem 0 1rem 3rem;
    }
}
@media (min-width: 1024px) {
    .feature-body .pull-quote {
        font-size: 4rem;
    }
    .feature-body .pull-quote--left {
        width: calc(50% - 1.5rem);
        float: left;
        margin: 1rem 3rem 1rem -26%;
    }
    .feature-body .pull-quote--right {
        width: calc(50% - 1.5rem);
        float: right;
        margin: 1rem -26% 1rem 3rem;
    }
}
/* Images */
.feature-body figure {
    margin: 0 0 4rem 0;
}
.feature-body figure > img {
    display: block;
    width: 100%;
}
.feature-body .figure--small {
    position: relative;
    text-align: center;
}
.feature-body .figure--small {
    text-align: center;
}
.feature-body .figure--small > img {
    max-width: 100%;
    width: auto;
    display: inline-block;
}
.feature-body .figure--small > figcaption {}
.feature-body .figure--right-medium-in,
.feature-body .figure--right-medium-out,
.feature-body .figure--left-medium-in,
.feature-body .figure--left-medium-out {
    width: 100%;
}
.feature-body .figure--right-small-in,
.feature-body .figure--right-small-out,
.feature-body .figure--right-small-rail,
.feature-body .figure--left-small-in,
.feature-body .figure--left-small-out,
.feature-body .figure--left-small-rail {
    width: 100%;
}
@media (min-width: 230px) {
    .feature-body .figure--right-small-in,
    .feature-body .figure--right-small-out,
    .feature-body .figure--right-small-rail,
    .feature-body .figure--left-small-in,
    .feature-body .figure--left-small-out,
    .feature-body .figure--left-small-rail {
        width: 205px;
        margin-left: auto;
        margin-right: auto;
    }
    .feature-body .figure--icon-left-rail{D
        width: 34px;
        margin-left: auto;
        margin-right: auto;
    }
    .feature-body .figure--icon-right-rail{

        width: 34px;
        margin-left: auto;
        margin-right:auto;
    }
}
@media (min-width: 375px) {
    .feature-body .figure--right-medium-in,
    .feature-body .figure--right-medium-out,
    .feature-body .figure--left-medium-in,
    .feature-body .figure--left-medium-out {
        width: 325px;
        margin-left: auto;
        margin-right: auto;
    }
    .feature-body .figure--icon-left-rail{
        width: calc(10% - 1.5rem);
        float:right;
        padding-left: 2rem;
        margin: 1rem 1rem 1rem 0;

    }
    .feature-body .figure--icon-right-rail{
        width: calc(10% - 1.5rem);
        float: left;
        padding-right: 2rem;
        margin: 1rem 0 1rem 1rem;
    }

}
@media (min-width: 640px) {
    .feature-body .figure--right {
        width: calc(50% - 1.5rem);
        float: right;
        margin: 1rem 0 2rem 3rem;
    }
    .feature-body .figure--right-medium-in,
    .feature-body .figure--right-medium-out {
        width: calc(37% - 1.5rem);
        float: right;
        margin: 1rem 0 2rem 3rem;
    }
    .feature-body .figure--right-small-in,
    .feature-body .figure--right-small-out,
    .feature-body .figure--right-small-rail {
        width: calc(16% - 1.5rem);
        float: right;
        margin: .5rem 0 2rem 3rem;
    }
    .feature-body .figure--left {
        width: calc(50% - 1.5rem);
        float: left;
        margin: 1rem 3rem 2rem 0;
    }
    .feature-body .figure--left-medium-in,
    .feature-body .figure--left-medium-out {
        width: calc(37% - 1.5rem);
        float: left;
        margin: 1rem 3rem 2rem 0;
    }
    .feature-body .figure--left-small-in,
    .feature-body .figure--left-small-out,
    .feature-body .figure--left-small-rail{
        width: calc(16% - 1.5rem);
        float: left;
        margin: .5rem 3rem 2rem 0;
    }
    .feature-body .figure--icon-left-rail{
        margin: 0rem 3rem 5rem 0rem;
        width: calc(10% - 1.5rem);
        float: left;
    }
    .feature-body .figure--icon-right-rail{
        margin: 2rem 0rem 2rem 3rem;
        width: calc(10% - 1.5rem);
        float: right;
    }

}
@media (min-width: 1024px) {
    .feature-body .figure--right {
        margin: 1rem -26% 2rem 3rem;
    }
    .feature-body .figure--right-medium-in {
        margin: 1rem -13% 2rem 3rem;
    }
    .feature-body .figure--right-medium-out {
        margin: 1rem -26% 2rem 3rem;
    }
    .feature-body .figure--right-small-in {
        margin: .5rem 0% 2rem 3rem;
    }
    .feature-body .figure--right-small-out {
        margin: 1rem -13% 2rem 3rem;
    }
    .feature-body .figure--right-small-rail {
        margin: 1rem -26% 2rem 3rem;
    }
    .feature-body .figure--left {
        margin: 1rem 3rem 2rem -26%;
    }
    .feature-body .figure--left-medium-in {
        margin: 1rem 3rem 2rem -13%;
    }
    .feature-body .figure--left-medium-out {
        margin: 1rem 3rem 2rem -26%;
    }
    .feature-body .figure--left-small-in {
        margin: .5rem 3rem 2rem 0%;
    }
    .feature-body .figure--icon-left-rail {
        margin: 1rem 3rem 2rem -20%;
    }
    .feature-body .figure--icon-right-rail {
        margin: 1rem -20% 2rem 3rem;
    }
}
.feature-lede__dek {
    font-family: "CaeciliaItalic", "Caecilia LT Std", Georgia, serif;
    font-style: italic;
    font-size: 2rem;
    margin-bottom: 2rem;
    opacity: .6;
}
.feature-lede__byline,
.feature-lede__add-line {
    font-family: "CaeciliaItalic", "Caecilia LT Std", Georgia, serif;
    font-style: italic;
    padding-top: 3rem;
    border-top: 1px solid hsl(0, 0%, 92%);
    margin-top: 3rem;
}
.feature-lede__add-line {
    border: none;
    padding-top: 0;
    margin-top: 0;
}
.feature-lede__byline + .feature-lede__add-line {
    margin-top: -1rem;
}
@media (min-width: 640px) {
    .feature-lede__hed {
        font-size: 5rem;
    }
}
@media (min-width: 1024px) {
    .feature-lede__hed {
        font-size: 6rem;
        margin-bottom: 3rem;
    }
}

/* INTRO
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.feature-intro {
    padding: 6rem 0 0;
}
.feature-intro + .feature-intro {
    padding-top: 0;
}
.feature-intro p {
    font-family: "CaeciliaItalic", "Caecilia LT Std", Georgia, serif;
    font-style: italic;
    font-size: 2rem;
    line-height: 1.9;
    color: #444;
}

/* BODY
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.feature-body {
    padding: 6rem 0;
}
.feature-body--no-bottom-padding {
    padding-bottom: 0;
}
.feature-intro + .feature-body {
    padding-top: 1rem;
}
.feature-body p:last-child {
    margin-bottom: 0;
}
.feature-body h2:first-of-type:nth-child(2) {
    margin-top: 0;
}
.feature-body + .feature-body h2:first-of-type:nth-child(2) {
    margin-top: 4rem;
}
.feature-body + .feature-body {
    padding-top: 0;
}
/*.feature-body ~ .feature-body {
    padding-bottom: 0;
}*/
.feature-body h2 i, .feature-body h2 em {
    font-family: "CaeciliaItalic", "Caecilia LT Std", Georgia, serif;
}
/* End mark ? */
/*.feature-body:last-of-type p:last-child:after {
    content: " \25AE";/*25A0 25A3* /
    color: #CFB67A;
}*/

/* BODY EXTRAS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Pull-Quotes */
.feature-body .pull-quote {
    display: block;
    padding: 3rem 0;
    font-family: "CaeciliaBold", "Caecilia LT Std", Georgia, serif;
    font-style: normal;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.3;
    border-top: 1px solid hsl(0, 0%, 92%);
.feature-body .figure--left-small-out {
    margin: 1rem 3rem 2rem -13%;
}
.feature-body .figure--left-small-rail {
    margin: 1rem 3rem 2rem -26%;
}
.feature-body .figure--icon-left-rail {
    margin: 1rem 3rem 2rem -20%;
}
.feature-body .figure--icon-right-rail {
    margin: 1rem -20% 2rem 3rem;
}
}
/* Sidebars */
.feature-body .sidebar {
    background: hsl(0, 0%, 95%);
    /*min-height: 48rem;*/
    box-sizing: border-box;
    /*padding: 4rem 3rem 6rem;*/
    padding: 2rem 3rem 5rem;
    /*border-radius: 8px;*/
    margin: 4rem 0;
}
.feature-body .sidebar > h2:first-child {
    margin-top: 0;
}
.feature-body .sidebar h3 {
    margin-bottom: 0;
}
@media (min-width: 640px) {
    .feature-body .sidebar--right {
        width: calc(50% - 1.5rem);
        float: right;
        margin: 1rem 0 2rem 3rem;
    }
}
@media (min-width: 1024px) {
    .feature-body .sidebar--right {
        margin: 1rem -26% 2rem 3rem;
    }
}

/* IMAGES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.feature-image {
    padding: 0 0 6rem 0;
}
.feature-image figure {
    display: block;
    margin: 0;
}
.feature-image figure > img {
    display: block;
    width: 100%;
}
.feature-image--full-width figure {
    width: 100%;
}
.feature-image figcaption {
    margin-top: 0.5rem;
    font-family: "VistaRegular", "Vista Sans OT", sans-serif;
    font-size: 1.25rem;
    line-height: 1.5;
    color: #666;
}

/* IMAGE COMBOS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.feature-image-combo .row {
    margin-bottom: 3rem;
}
.feature-image-combo figure {
    margin: 0;
}
.feature-image-combo figure > img {
    display: block;
    width: 100%;

    /*height: 0;
    padding-bottom: 60%;
    background-color: #efefef;*/
}
.feature-image-combo figcaption {
    margin-top: 0.5rem;
    font-family: "VistaRegular", "Vista Sans OT", sans-serif;
    font-size: 1.25rem;
    line-height: 1.5;
    color: #666;
}

/* VIDEOS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.feature-video {
    padding: 0 0 6rem 0;
}

/* DIVIDER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.feature-divider {
    padding: 0 0 6rem 0;
}
.feature-divider__inner > div {
    margin: 0 auto;
}
.feature-divider__dots {
    text-align: center;
}
.feature-divider__dot {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background-color: hsl(42, 47%, 65%);
    margin-left: 3rem;
    display: inline-block;
}
.feature-divider__dot:first-child {
    margin-left: 0;
}
.feature-divider__line > hr {
    margin: 0 30%;
    border-top-color: hsl(42, 47%, 65%);
}
.feature-divider__image {
    position: relative;
    text-align: center;
}
.feature-divider__image > img {
    max-width: 100%;
}

/* FOOTNOTES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.feature-footnotes {
    color: #666;
    font-size: 1.25rem;
}
.feature-footnotes h2 {
    font-family: "VistaMedium", "Vista Sans OT", sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
    text-transform: uppercase;
}
.feature-footnotes__list > li {}

@media (min-width: 1024px) {
    .feature-footnotes__list {
        list-style-position: outside;
    }
}