/*  

$black: #000000;
$white: #fafafa;
$purple: #432e3f;
$darkpurple: #271c25;
$green: #a19c49;
$beige: #e2dacb;
$light: #f6f4ef;

$lato: "Lato", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;//300,400,700,900
$sans: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;//400,700

*/
/******************************* OVERRIDES */
.featured-article, .article-list__item, .article-list__item--series, .article-nav, .article-nav__btn { background-color: #f6f4ef; }

.article-nav__btn .article-icon, .article-list__close--series, .article-nav__btn, .article-nav__btn:hover, .article-nav__more, .article-nav__search-submit, .article-list__series-status .article-icon, .article-list__close--series .article-icon, .article-nav__more .article-icon, .article-list__loading .article-icon { color: #a19c49; }

.featured-article__btn:hover, .article-author__social-button { background-color: #a19c49; }

.article-list__media .article-icon, .article-list__close--series:hover, .article-nav__more:hover { color: #432e3f; }

.article-author__social-button:hover, .featured-article__nav, .featured-article__btn { background-color: #432e3f; }

.featured-article__nav, .featured-article__btn, .featured-article__btn .article-icon, .article-list__item--has-image .article-list__media .article-icon, .article-author__social-button { color: #fafafa; }

.article-list__item.article-list__item--padding { background-color: #fafafa; }

.article-author__image, #content .article-categories__item--active.button-fill, .article-nav__search-input { border-color: #e2dacb; }

/******************************* SVG ICONS */
.article-icon { display: inline-block; fill: currentColor; height: 1em; width: 1em; }

/******************************* ANIMATIONS */
@-webkit-keyframes slideDown { 0% { display: none;
    opacity: 0; }
  1% { display: block;
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes slideDown { 0% { display: none;
    opacity: 0; }
  1% { display: block;
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes slideDownFlex { 0% { display: none;
    opacity: 0; }
  1% { display: -webkit-box; display: flex;
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes slideDownFlex { 0% { display: none;
    opacity: 0; }
  1% { display: -webkit-box; display: -ms-flexbox; display: flex;
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes slideUp { 0% { display: block;
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  99% { display: block;
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% { display: none;
    opacity: 0; } }

@keyframes slideUp { 0% { display: block;
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  99% { display: block;
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% { display: none;
    opacity: 0; } }

@-webkit-keyframes slideUpFlex { 0% { display: -webkit-box; display: flex;
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  99% { display: -webkit-box; display: flex;
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% { display: none;
    opacity: 0; } }

@keyframes slideUpFlex { 0% { display: -webkit-box; display: -ms-flexbox; display: flex;
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  99% { display: -webkit-box; display: -ms-flexbox; display: flex;
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% { display: none;
    opacity: 0; } }

@-webkit-keyframes spin-anim { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes spin-anim { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@-webkit-keyframes fade-anim { 0% { opacity: .2; }
  50% { opacity: 1; }
  100% { opacity: .2; } }

@keyframes fade-anim { 0% { opacity: .2; }
  50% { opacity: 1; }
  100% { opacity: .2; } }

/******************************* FEATURED ARTICLES */
.featured-article { margin-bottom: 1rem; }

.no-flexbox .featured-article { overflow: hidden; }

.featured-article__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media screen and (min-width: 768px) { .featured-article__item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.featured-article__image { margin-bottom: -2px; }

@media screen and (min-width: 768px) { .featured-article__image { -webkit-box-flex: 0; -ms-flex: 0 1 64.3%; flex: 0 1 64.3%; } }

@media screen and (min-width: 768px) { .no-flexbox .featured-article__image { float: left; width: 64.3%; } }

.featured-article__info { padding: 3rem 5%; }

@media screen and (min-width: 768px) { .featured-article__info { -webkit-box-flex: 1; -ms-flex: 1 0 30.7%; flex: 1 0 30.7%; padding: 1rem 2.5%; } }

@media screen and (min-width: 768px) { .no-flexbox .featured-article__info { float: right; padding: 1.5rem 2.5%; width: 30.7%; } }

.featured-article__description { margin-bottom: .25rem; }

.featured-article__copy p { font-size: 1rem; }

.featured-article__meta { font-size: .875rem; }

.featured-article__nav { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.no-flexbox .featured-article__nav { clear: both; float: left; width: 100%; }

.featured-article__btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1rem .5rem; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; }

.featured-article__btn .article-icon { font-size: 1rem; margin: 0 .5rem; }

.no-flexbox .featured-article__btn { max-width: 42.5%; }

.no-flexbox .featured-article__btn .article-icon { vertical-align: text-bottom; }

.no-flexbox .featured-article__btn--prev { float: left; }

.no-flexbox .featured-article__btn--next { float: right; }

.featured-article__slide { width: 100%; }

/******************************* CATEGORY FILTERS */
#content .article-categories { text-align: center; margin: 0; list-style: none; }

#content .article-categories li { margin-bottom: 1rem; list-style: none; }

@media (min-width: 768px) { #content .article-categories li { display: inline-block; margin: 0 .75rem .75rem .75rem; } }

#content .article-categories__item.button-small { margin: 0; display: block; }

/******************************* ARTICLE LIST */
.article-list { text-align: center; }

.article-list__heading { margin-bottom: 2rem; margin-top: 2rem; }

.article-list__grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; }

@media screen and (min-width: 512px) { .article-list__grid { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

@media screen and (min-width: 768px) { .article-list__grid { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

.no-flexbox .article-list__grid { overflow: hidden; }

.article-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 2rem; overflow: hidden; position: relative; }

@media screen and (min-width: 512px) { .article-list__item { -ms-flex-preferred-size: 48%; flex-basis: 48%; } }

@media screen and (min-width: 768px) { .article-list__item { -ms-flex-preferred-size: 31.2%; flex-basis: 31.2%; } }

.article-list__item:hover img { -webkit-transform: scale(1.1) translateY(-5%); transform: scale(1.1) translateY(-5%); -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; }

@media screen and (min-width: 512px) { .no-flexbox .article-list__item { float: left; margin-left: 1%; margin-right: 1%; width: 48%; }
  .no-flexbox .article-list__item:nth-child(2n+1) { clear: both; } }

@media screen and (min-width: 768px) { .no-flexbox .article-list__item { float: left; margin-left: 0; margin-right: 3.15%; width: 31.2%; }
  .no-flexbox .article-list__item:nth-child(3n) { margin-right: 0; }
  .no-flexbox .article-list__item:nth-child(2n+1) { clear: none; }
  .no-flexbox .article-list__item:nth-child(3n+1) { clear: both; } }

.article-list__item--padding { display: none; }

@media screen and (min-width: 768px) { .article-list__item--padding { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.article-list__image { overflow: hidden; position: relative; }

.article-list__image img { position: relative; -webkit-transition: -webkit-transform .6s ease; transition: -webkit-transform .6s ease; transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; z-index: 0; }

.article-list__item--with-media .article-list__image::before { background-color: rgba(0, 0, 0, 0.4); bottom: 2px; content: ''; left: 0; position: absolute; right: 0; top: 0; z-index: 1; }

.article-list__info { padding: 1.25rem 1rem 2.5rem; }

.article-list__title { margin-bottom: .25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.article-list__copy { font-size: 1rem; margin: 0; }

.article-list__media { bottom: 0; left: .25rem; position: absolute; z-index: 2; }

.article-list__media .article-icon { font-size: 1.5rem; padding: .25rem .25rem .5rem; }

.article-list__media .article-icon-book { font-size: 1.4rem; }

.article-list__item--has-image { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.article-list__item--has-image .article-list__info { padding: .75rem 1rem 1rem; position: relative; }

.article-list__item--has-image .article-list__media { bottom: 100%; }

/******************************* SERIES LIST */
.article-list__item--series { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; }

@media screen and (min-width: 768px) { .article-list__item--series { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }

.no-flexbox .article-list__item--series { clear: both; float: left; margin-left: 0; margin-right: 0; width: 100%; }

.article-list__copy--series p { margin-bottom: 0; }

.article-list__image--series { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; }

@media screen and (min-width: 768px) { .article-list__image--series { -webkit-box-flex: 0; -ms-flex: 0 1 31.2%; flex: 0 1 31.2%; } }

@media screen and (min-width: 768px) { .no-flexbox .article-list__image--series { float: left; width: 31.2%; } }

.article-list__info--series { -webkit-box-flex: 1; -ms-flex: 1 0 80%; flex: 1 0 80%; overflow: hidden; padding: 3rem 5%; }

@media screen and (min-width: 768px) { .article-list__info--series { -webkit-box-flex: 1; -ms-flex: 1 0 63.8%; flex: 1 0 63.8%; padding: 1rem 2.5%; } }

.no-flexbox .article-list__info--series { float: left; width: 80%; }

@media screen and (min-width: 768px) { .no-flexbox .article-list__info--series { width: 58.8%; } }

.article-list__grid--series { -webkit-animation: slideUpFlex .3s ease; animation: slideUpFlex .3s ease; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; }

@media screen and (min-width: 512px) { .article-list__grid--series { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.no-flexbox .article-list__grid--series { -webkit-animation: slideUp .3s ease; animation: slideUp .3s ease; clear: both; display: none; float: left; }

.article-list__series-status { -webkit-box-flex: 0; -ms-flex: 0 0 10%; flex: 0 0 10%; text-align: center; }

@media screen and (min-width: 768px) { .article-list__series-status { -webkit-box-flex: 1; -ms-flex: 1 0 3rem; flex: 1 0 3rem; } }

.no-flexbox .article-list__series-status { bottom: 15%; position: absolute; right: 1rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (min-width: 768px) { .no-flexbox .article-list__series-status { bottom: auto; top: 50%; } }

.article-list__series-status .article-icon { font-size: 1rem; }

.article-list__series-status .article-icon-close { display: none; }

.article-list__series--open .article-list__grid--series { -webkit-animation: slideDownFlex .3s ease; animation: slideDownFlex .3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.no-flexbox .article-list__series--open .article-list__grid--series { -webkit-animation: slideDown .3s ease; animation: slideDown .3s ease; display: block; }

.article-list__series--open .article-list__series-status .article-icon-plus { display: none; }

.article-list__series--open .article-list__series-status .article-icon-close { display: inline-block; }

.article-list__close--series { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; font-size: .875rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: -1rem 0 2rem; padding: .75rem; text-align: center; }

.article-list__close--series .article-icon { font-size: 1rem; margin-right: .5rem; }

.no-flexbox .article-list__close--series { clear: both; }

/******************************* LOADING ICON */
.article-list__loading { display: none; }

.article-list__loading .article-icon { font-size: 2rem; }

.article-list__loading--spin { display: block; text-align: center; }

.article-list__loading--spin .article-icon { -webkit-animation: spin-anim 1s linear infinite, fade-anim 3s ease-in-out infinite; animation: spin-anim 1s linear infinite, fade-anim 3s ease-in-out infinite; }

.article-list__loading--spin .no-flexbox { clear: both; }

/******************************* ARTICLE NAV */
.article-nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 1rem 0; padding: .75rem; }

@media screen and (min-width: 512px) { .article-nav { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 1.25rem; } }

.no-flexbox .article-nav { clear: both; overflow: hidden; }

.article-nav--detail { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0; }

.article-nav__btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1rem .5rem; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; }

.article-nav__btn .article-icon { font-size: 1rem; margin: 0 .5rem; }

.no-flexbox .article-nav__btn { max-width: 42.5%; }

.no-flexbox .article-nav__btn .article-icon { vertical-align: text-bottom; }

.no-flexbox .article-nav__btn--prev { float: left; }

.no-flexbox .article-nav__btn--next { float: right; }

.article-nav__more { background-color: transparent; border: 0; cursor: pointer; font-size: .875rem; padding: .75rem; }

.article-nav__more > div { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; }

.article-nav__more:disabled { cursor: no-drop; opacity: .5; }

.article-nav__more .article-icon { font-size: 1rem; margin-right: .5rem; }

@media screen and (min-width: 512px) { .no-flexbox .article-nav__more { float: left; margin-top: .75rem; max-width: 42.5%; } }

.no-flexbox .article-nav__more .article-icon { vertical-align: text-bottom; }

.article-nav__search { padding: .75rem; position: relative; }

@media screen and (min-width: 512px) { .article-nav__search { -webkit-box-flex: 0; -ms-flex: 0 1 16rem; flex: 0 1 16rem; } }

@media screen and (min-width: 512px) { .no-flexbox .article-nav__search { float: right; max-width: 16rem; } }

.article-nav__search-input { border-style: solid; border-width: 1px; font-size: .875rem; padding: .75rem 1rem; width: calc(100% - 2rem); }

.article-nav__search-submit { background-color: transparent; border: 0; cursor: pointer; font-size: 1rem; position: absolute; right: 1rem; top: 1.5rem; }

/******************************* RECOMMENDED ARTICLES */
.recommended-articles { padding: 2rem 0; }

.recommended-articles__heading { margin-bottom: 1.5rem; text-align: center; text-transform: uppercase; }

.recommended-articles__grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (min-width: 512px) { .recommended-articles__grid { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.no-flexbox .recommended-articles__grid { overflow: hidden; }

.recommended-articles__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1rem; }

@media screen and (min-width: 768px) { .recommended-articles__item { -webkit-box-flex: 0; -ms-flex: 0 0 31.2%; flex: 0 0 31.2%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.no-flexbox .recommended-articles__item { float: left; width: 100%; }

@media screen and (min-width: 768px) { .no-flexbox .recommended-articles__item { margin-right: 3.15%; width: 31.2%; }
  .no-flexbox .recommended-articles__item:nth-child(3n) { margin-right: 0; } }

.recommended-articles__image, .recommended-articles__info { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; }

.no-flexbox .recommended-articles__image, .no-flexbox .recommended-articles__info { width: 49%; }

.no-flexbox .recommended-articles__image { float: left; }

.no-flexbox .recommended-articles__info { float: right; }

/******************************* DETAIL VIEW */
.article-header { position: relative; }

.article-header__image { max-width: none; width: 100%; }

.article-header__info--image { margin-top: -3.125rem; }

@media screen and (min-width: 512px) { .article-header__info--image { bottom: 0; left: 0; margin-top: 0; position: absolute; right: 0; } }

.article-header__title { font-size: 3.125rem; margin-bottom: 0; padding-top: 3rem; text-align: center; }

.no-flexbox .article-header__title { float: left; width: 100%; }

.article-header__btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: .5; padding: 1rem 0; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; }

.article-header__btn:hover { opacity: 1; }

.article-header__btn .article-icon { font-size: 1rem; margin: 0 .5rem; }

.no-flexbox .article-header__btn { float: left; }

.no-flexbox .article-header__btn .article-icon { vertical-align: text-bottom; }

.article-body__meta { margin-bottom: 2rem; margin-top: 2rem; text-align: center; }

.article-body__summary { font-size: 1.25rem; }

.article-body__author { margin-bottom: 0; }

.article-body__media { margin: 2rem auto 2rem auto; max-width: 39.25rem; width: 100%; }

.article-body__video { height: 0; margin-bottom: 1rem; overflow: hidden; padding-bottom: 56.25%; position: relative; width: 100%; }

.article-body__video iframe, .article-body__video object, .article-body__video embed, .article-body__video video { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.article-body__audio { width: 100%; }

@media screen and (min-width: 768px) { .article-body__audio { width: 50%; } }

.no-flexbox .article-body__audio { float: left; }

.article-body__button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 1rem 0 0 0; width: calc(100% - 3rem); }

@media screen and (min-width: 768px) { .article-body__button { margin-top: 0; width: auto; } }

.article-body__button .article-icon { margin-left: .5rem; }

.no-flexbox .article-body__button { float: left; }

@media screen and (min-width: 768px) { .no-flexbox .article-body__button { margin-left: .25rem; margin-right: .25rem; } }

.article-body__content { margin-bottom: 2rem; }

.no-flexbox .article-body__content { clear: both; }

.article-author { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1.5rem; }

@media screen and (min-width: 512px) { .article-author { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.no-flexbox .article-author { clear: both; overflow: hidden; }

.article-author__image { border-style: solid; border-width: 3px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); -webkit-box-flex: 0; -ms-flex: 0 0 18%; flex: 0 0 18%; margin-bottom: 1rem; }

.no-flexbox .article-author__image { float: left; }

@media screen and (min-width: 512px) { .no-flexbox .article-author__image { width: 18%; } }

.article-author__info { -webkit-box-flex: 0; -ms-flex: 0 1 78.38%; flex: 0 1 78.38%; }

.no-flexbox .article-author__info { float: right; }

@media screen and (min-width: 512px) { .no-flexbox .article-author__info { width: 78.38%; } }

.article-author__heading { margin-bottom: 0; }

.article-author__title { margin-bottom: 1rem; }

.article-author__social { margin-bottom: 1rem; }

.article-author__social-button { border-radius: 50%; margin-right: .5rem; padding: .25rem .33rem; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; vertical-align: top; }