@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i&display=swap');
.longform-body {
    font-family: 'Noto Serif', sans-serif;
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 50px;
}

.longform-body h1,
.longform-body h2,
.longform-body h3,
.longform-body h4,
.longform-body h5 {
    font-family: 'Noto Serif', serif;
    font-weight: 700;
    line-height: 1.5;
    font-size: 18px;
    margin-bottom: 18px;
    margin-top: 0;
}

.longform-body h1 {
    font-size: 30px;
}

.longform-body h2 {
    font-size: 26px;
}

.longform-body h3 {
    font-size: 22px;
}

.longform-body h4 {
    font-size: 18rem;
}

.longform-body strong,
.longform-body b {
    font-weight: 700;
}

.longform-body p {
    margin-bottom: 18px;
}

.longform-body img {
    width: 100%;
}

.longform-body picture {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.longform-body .text-left {
    text-align: left;
}

.longform-body .text-center {
    text-align: center;
}

.longform-body .text-right {
    text-align: right;
}

.longform-body .lf-cover {
    margin-bottom: 18px;
}

.longform-body .lf-cover img {
    width: 100%;
}

.longform-body .lf-heading {
    width: 720px;
    max-width: 100%;
    margin: 18px auto;
}

.longform-body .lf-heading:after {
    content: '' !important;
    width: 200px;
    height: 2px;
    display: block;
    background: rgba(0, 0, 0, 0.3);
    margin: 50px auto;
}

.longform-body .lf-paragraph {
    width: 720px;
    max-width: 100%;
    margin: 18px auto;
}

.longform-body .lf-first-letter {
    width: 720px;
    max-width: 100%;
    margin: 18px auto;
}

.longform-body .lf-first-letter .picture {
    margin-bottom: 18px;
}

.longform-body .lf-first-letter .picture + p::first-letter {
    font-size: 52px;
    line-height: 48px;
    display: block;
    float: left;
    margin-top: 3px;
    margin-right: 10px;
    color: inherit;
    font-weight: bold;
    padding: 5px 10px;
    background-color: rgba(0, 0, 0, 0.1);
}

.longform-body .lf-first-letter p:first-child:first-letter {
    font-size: 52px;
    line-height: 48px;
    display: block;
    float: left;
    margin-top: 3px;
    margin-right: 10px;
    color: inherit;
    font-weight: bold;
    padding: 5px 10px;
    background-color: rgba(0, 0, 0, 0.1);
}
.longform-body .firsttext {
}
.longform-body .firsttext:first-letter {
    font-size: 60px;
    line-height: 52px;
    display: block;
    float: left;
    margin-top: 3px;
    margin-right: 10px;
    color: inherit;
    font-weight: bold;
}
.longform-body .img-mobile {
    display: none;
}

.longform-body .lf-image-caption {
    width: 80%;
    max-width: 100%;
    margin: 18px auto;
}

.longform-body .lf-image-caption .picture + .caption {
    padding: 10px 18px;
}

.longform-body .lf-image-caption p {
    padding: 0 15px;
}

.longform-body .lf-image-fit {
    margin: 18px auto;
}

.longform-body .lf-image-full {
    width: 100%;
    max-width: 100%;
    margin: 18px auto;
}

.longform-body .lf-image-full p {
    padding: 0 18px;
}

.longform-body .lf-image-full .picture + p {
    margin-top: 18px;
}

.longform-body .lf-image-left {
    width: 720px;
    max-width: 100%;
    margin: 18px auto;
}

.longform-body .lf-image-left .align-left {
    margin-left: -200px;
    margin-right: 30px;
    max-width: 70%;
    float: left;
}

.longform-body .lf-image-left::after {
    content: '';
    clear: both;
    display: block;
}

.longform-body .lf-image-right {
    width: 720px;
    max-width: 100%;
    margin: 18px auto;
}

.longform-body .lf-image-right .align-right {
    margin-right: -200px;
    margin-left: 30px;
    max-width: 70%;
    float: right;
}

.longform-body .lf-image-right::after {
    content: '';
    clear: both;
    display: block;
}

.longform-body .lf-video,
.longform-body .lf-video-embed {
    width: 720px;
    max-width: 100%;
    margin: 18px auto;
}
.longform-body .lf-video .caption {
    line-height: 1.5;
}
.longform-body .lf-video .video video {
    object-fit: cover;
}
.longform-body .lf-video .caption {
    padding: 10px 18px;
}

.longform-body .lf-youtube {
    width: 840px;
    max-width: 100%;
    margin: 18px auto;
}

.longform-body .lf-youtube .caption {
    padding: 10px 18px;
}

.longform-body .lf-credit {
    position: relative;
    margin: 30px auto;
    padding-top: 30px;
}

.longform-body .lf-credit::after {
    content: '';
    width: 100px;
    height: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50px;
    background: rgba(0, 0, 0, 0.1);
}

.longform-body .lf-blockquote {
    width: 720px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 36px 0;
}
.longform-body .lf-blockquote.show-quote-first {
    padding-top: 8rem;
}
.longform-body .lf-blockquote.show-quote-last {
    padding-bottom: 8rem;
}
.longform-body .lf-blockquote .lf-quote-first,
.longform-body .lf-blockquote .lf-quote-last {
    position: absolute;
    color: #c7c7c7;
    font-size: 15rem;
    display: block;
    line-height: 1;
    height: 8rem;
    display: block;
}
.longform-body .lf-blockquote .lf-quote-first::before,
.longform-body .lf-blockquote .lf-quote-last::before {
    font-family: 'Times New Roman', Times, serif;
}
.longform-body .lf-blockquote .lf-quote-first {
    left: 0;
    top: 0;
    text-align: left;
    display: none;
}
.longform-body .lf-blockquote .lf-quote-first::before {
    content: '“';
}
.longform-body .lf-blockquote .lf-quote-last {
    right: 0;
    bottom: 0;
    text-align: right;
    display: none;
}
.longform-body .lf-blockquote .lf-quote-last::after {
    content: '”';
}
.longform-body .lf-blockquote.show-quote-first .lf-quote-first {
    display: block;
}
.longform-body .lf-blockquote.show-quote-last .lf-quote-last {
    display: block;
}
.longform-body .lf-image-fit .caption {
    padding: 10px 18px;
}
.longform-body .lf-image-fit .image-row ~ p {
    margin-top: 15px;
    padding: 0 18px;
}
.longform-body .lf-image-fit .image-row .image-item img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.longform-body .lf-image-fit-2 {
    width: 80%;
    max-width: 100%;
    margin: 18px auto;
}

.longform-body .lf-image-fit-2 .image-row {
    display: grid;
    padding: 2px;
    background-color: #fff;
    gap: 2px;
    grid-template-columns: repeat(2, minmax(auto, 1fr));
    grid-auto-rows: auto;
}

.longform-body .lf-image-fit-2 .image-row .image-item {
    height: 100%;
    width: 100%;
    overflow: hidden;
    grid-column: span 1 / auto;
}

.longform-body .lf-image-fit-2 .image-row .image-item img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.longform-body .lf-image-fit-2 .block-img2 + p {
    padding: 10px 18px;
    text-align: center;
}

.longform-body .lf-image-fit-3 {
    width: 80%;
    max-width: 100%;
    margin: 18px auto;
}

.longform-body .lf-image-fit-3 .image-row {
    display: grid;
    padding: 2px;
    background-color: #fff;
    gap: 2px;
    grid-template-columns: repeat(2, minmax(auto, 1fr));
    grid-auto-rows: auto;
}

.longform-body .lf-image-fit-3 .image-row .image-item {
    height: 100%;
    width: 100%;
    overflow: hidden;
    grid-column: span 1 / auto;
}

.longform-body .lf-image-fit-3 .image-row .image-item img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.longform-body .lf-image-fit-3 .image-row .image-item-tall {
    grid-row: 1 / span 2;
}

.longform-body .lf-image-fit-3 .image-row .image-item-wide {
    grid-column: span 2 / auto;
}

.longform-body .lf-image-fit-3 .block-img2 + p {
    padding: 10px 18px;
    text-align: center;
}

.longform-body .lf-image-fit-4 {
    width: 80%;
    max-width: 100%;
    margin: 18px auto;
}

.longform-body .lf-image-fit-4 .image-row {
    display: grid;
    padding: 2px;
    background-color: #fff;
    /* gap: 2px;
    grid-template-columns: repeat(3, minmax(auto, 1fr));
    grid-auto-rows: auto; */
    gap: 2px;
    grid-template-columns: repeat(2, minmax(auto, 1fr));
    grid-auto-rows: auto;
}

.longform-body .lf-image-fit-4 .image-row .image-item {
    height: 100%;
    width: 100%;
    overflow: hidden;
    grid-column: span 1 / auto;
}

.longform-body .lf-image-fit-4 .image-row .image-item img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.longform-body .lf-image-fit-4 .image-row .image-item-tall {
    grid-row: 1 / span 3;
}

.longform-body .lf-image-fit-4 .image-row .image-item-wide {
    grid-column: span 2 / auto;
}

.longform-body .lf-image-fit-4 .block-img2 + p {
    padding: 10px 18px;
    text-align: center;
}

/* fit 4-1 */
.longform-body .lf-image-fit-4-1 .image-row {
    display: grid;
    padding: 2px;
    background-color: #fff;
    gap: 2px;
    grid-template-columns: repeat(3, minmax(auto, 1fr));
    grid-auto-rows: auto;
}

.longform-body .lf-image-fit-4-1 .image-row .image-item {
    height: 100%;
    width: 100%;
    overflow: hidden;
    grid-column: span 1 / auto;
}

.longform-body .lf-image-fit-4-1 .image-row .image-item-tall {
    grid-row: 1 / span 4;
}

.longform-body .lf-image-fit-4-1 .image-row .image-item-wide {
    grid-column: span 4 / auto;
}

/* fit 4-2 */
.longform-body .lf-image-fit-4-2 .image-row {
    display: grid;
    padding: 2px;
    background-color: #fff;
    gap: 2px;
    grid-template-columns: repeat(2, minmax(auto, 1fr));
    grid-auto-rows: auto;
}

.longform-body .lf-image-fit-4-2 .image-row .image-item {
    height: 100%;
    width: 100%;
    overflow: hidden;
    grid-column: span 1 / auto;
}

.longform-body .lf-image-fit-4-2 .image-row .image-item-tall {
    grid-row: 1 / span 4;
}

/* fit 5 */
.longform-body .lf-image-fit-5 .image-row {
    display: grid;
    padding: 2px;
    background-color: #fff;
    gap: 2px;
    grid-template-columns: repeat(3, minmax(auto, 1fr));
    grid-auto-rows: auto;
}

.longform-body .lf-image-fit-5 .image-row .image-item {
    height: 100%;
    width: 100%;
    overflow: hidden;
    grid-column: span 1 / auto;
}

.longform-body .lf-image-fit-5 .image-row .image-item-tall {
    grid-row: 1 / span 4;
}

.longform-body .lf-image-fit-5 .image-row .image-item-wide {
    grid-column: span 4 / auto;
}
/* fit 6 */
.longform-body .lf-image-fit-6 .image-row {
    display: grid;
    padding: 2px;
    background-color: #fff;
    gap: 2px;
    grid-template-columns: repeat(3, minmax(auto, 1fr));
    grid-auto-rows: auto;
}

.longform-body .lf-image-fit-6 .image-row .image-item {
    height: 100%;
    width: 100%;
    overflow: hidden;
    grid-column: span 1 / auto;
}

.longform-body .lf-image-fit-6 .image-row .image-item-tall {
    grid-row: 1 / span 5;
}

.longform-body .lf-image-fit-6 .image-row .image-item-wide {
    grid-column: span 5 / auto;
}

.longform-body .lf-image-fit .image-item,
.longform-body .lf-image-fit-2 .image-item,
.longform-body .lf-image-fit-3 .image-item,
.longform-body .lf-image-fit-4 .image-item,
.longform-body .lf-image-fit-4-1 .image-item,
.longform-body .lf-image-fit-4-2 .image-item {
    position: relative;
}
.longform-body .lf-image-fit .img-title,
.longform-body .lf-image-fit-2 .img-title,
.longform-body .lf-image-fit-3 .img-title,
.longform-body .lf-image-fit-4 .img-title,
.longform-body .lf-image-fit-4-1 .img-title,
.longform-body .lf-image-fit-4-2 .img-title {
    display: block;
    padding: 10px 15px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.longform-body .lf-image-fit .img-title-hover,
.longform-body .lf-image-fit-2 .img-title-hover,
.longform-body .lf-image-fit-3 .img-title-hover,
.longform-body .lf-image-fit-4 .img-title-hover,
.longform-body .lf-image-fit-4-1 .img-title-hover,
.longform-body .lf-image-fit-4-2 .img-title-hover {
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.longform-body .lf-image-fit .image-item:hover .img-title-hover,
.longform-body .lf-image-fit-2 .image-item:hover .img-title-hover,
.longform-body .lf-image-fit-3 .image-item:hover .img-title-hover,
.longform-body .lf-image-fit-4 .image-item:hover .img-title-hover,
.longform-body .lf-image-fit-4-1 .image-item:hover .img-title-hover,
.longform-body .lf-image-fit-4-2 .image-item:hover .img-title-hover {
    visibility: visible;
    opacity: 1;
}
/* swiper slider */
.longform-body .lf-image-slide {
    margin: 18px auto;
    position: relative;
}
.longform-body .lf-image-slide .swiper-horizontal > .swiper-pagination-bullets,
.longform-body .lf-image-slide .swiper-pagination-bullets.swiper-pagination-horizontal,
.longform-body .lf-image-slide .swiper-pagination-custom,
.swiper-pagination-fraction {
    position: static;
}
.longform-body .lf-image-slide .swiper-slide img {
    width: 100%;
}
.longform-body .lf-image-slide .swiper-slide .img-title {
    display: block;
    padding: 10px 15px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.longform-body .lf-image-slide .caption {
    padding: 10px 18px;
}
.swiper-prev {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -25px;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 99;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 24px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.swiper-prev:before {
    content: '' !important;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-top: 3px solid #da0000;
    border-right: 3px solid #da0000;
    transform: rotate(-135deg);
    opacity: 1;
}

.swiper-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -25px;
    background-color: rgba(255, 255, 255, 0.4);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 24px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.swiper-next:before {
    content: '' !important;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-left: 3px solid #da0000;
    border-bottom: 3px solid #da0000;
    transform: rotate(-135deg);
    opacity: 1;
}
/* table */
.longform-body table.picture {
    background: #fff;
    width: 800px;
    margin: 20px auto;
    float: none;
}
.longform-body table.picture .btnSlideshow {
    display: none;
}
.longform-body table.picture .pic em {
    display: none;
}
.longform-body table.picture .pic img {
    width: 100%;
}
.longform-body table.picture .caption {
    font-size: 0.8em;
    color: #666;
    padding-top: 8px;
    line-height: 1.5;
}
.longform-body table.picture figcaption {
    font-size: 0.8em;
    color: #666;
    padding-top: 8px;
    line-height: 1.5;
}

.longform-body.longform-mobile {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 30px;
    background: none;
}

.longform-body.longform-mobile h1,
.longform-body.longform-mobile h2,
.longform-body.longform-mobile h3,
.longform-body.longform-mobile h4,
.longform-body.longform-mobile h5 {
    font-size: 16px;
}

.longform-body.longform-mobile h1 {
    font-size: 24px;
}

.longform-body.longform-mobile h2 {
    font-size: 20px;
}

.longform-body.longform-mobile h3 {
    font-size: 18px;
}

.longform-body.longform-mobile h4 {
    font-size: 16px;
}

.longform-body.longform-mobile h5 {
    font-size: 14px;
}

.longform-body.longform-mobile p {
    margin-bottom: 18px;
}

.longform-body.longform-mobile .text-left {
    text-align: left;
}

.longform-body.longform-mobile .text-center {
    text-align: center;
}

.longform-body.longform-mobile .text-right {
    text-align: left;
}

.longform-body.longform-mobile .lf-cover {
    margin-bottom: 18px;
}

.longform-body.longform-mobile .lf-heading {
    width: auto !important;
    margin: 18px auto;
    padding-left: 36px;
    padding-right: 36px;
}

.longform-body.longform-mobile .lf-heading:after {
    margin: 18px auto;
    height: 1px;
}

.longform-body.longform-mobile .lf-paragraph {
    width: auto !important;
    padding-left: 36px;
    padding-right: 36px;
}

.longform-body.longform-mobile .lf-first-letter {
    width: auto !important;
    padding-left: 36px;
    padding-right: 36px;
}

.longform-body.longform-mobile .lf-image-caption {
    /* width: auto !important;
    padding-left: 36px;
    padding-right: 36px; */
}

.longform-body.longform-mobile .lf-image-caption .picture {
    /* margin-bottom: 18px; */
}
.longform-body.longform-mobile .lf-image-caption .picture img {
    width: 100%;
}

.longform-body.longform-mobile .lf-image-caption .picture + .caption {
    padding: 10px 18px;
}

.longform-body.longform-mobile .lf-image-caption p {
    padding: 10px 15px;
}

.longform-body.longform-mobile .lf-image-slide {
    width: auto !important;
}

.longform-body .lf-image-full {
    width: 100%;
    margin: 18px auto;
}
.longform-body .lf-image-full picture ~ p {
    width: 100%;
}
.longform-body .lf-image-full picture img {
    width: 100%;
}
.longform-body .lf-image-full p {
    padding: 0 18px;
    max-width: 100%;
}
.longform-body .lf-image-full .caption {
    padding: 10px 18px;
}

.longform-body .lf-audio {
    width: 720px;
    margin: 18px auto;
}
.longform-body .lf-audio audio {
    width: 100% !important;
}
/* mobile */
.longform-mobile {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 30px;
    background: none;
}
.longform-mobile h1,
.longform-mobile h2,
.longform-mobile h3,
.longform-mobile h4,
.longform-mobile h5 {
    font-size: 16px;
}
.longform-mobile h1 {
    font-size: 24px;
}
.longform-mobile h2 {
    font-size: 20px;
}
.longform-mobile h3 {
    font-size: 18px;
}
.longform-mobile h4 {
    font-size: 16px;
}
.longform-mobile h5 {
    font-size: 14px;
}
.longform-body.longform-mobile .lf-image-full {
    width: 100% !important;
    margin: 18px auto;
}

.longform-body.longform-mobile .lf-image-left {
    width: auto !important;
    margin: 18px auto;
    padding-left: 36px;
    padding-right: 36px;
}

.longform-body.longform-mobile .lf-image-left .align-left {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 18px;
    max-width: 100%;
    float: none;
    display: block;
}

.longform-body.longform-mobile .lf-image-left::after {
    content: '';
    clear: both;
    display: block;
}

.longform-body.longform-mobile .lf-image-right {
    width: auto !important;
    margin: 18px auto;
    padding-left: 36px;
    padding-right: 36px;
}

.longform-body.longform-mobile .lf-image-right .align-right {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 18px;
    max-width: 100%;
    float: none;
    display: block;
}

.longform-body.longform-mobile .lf-image-right::after {
    content: '';
    clear: both;
    display: block;
}
.longform-body.longform-mobile .lf-image-fit,
.longform-body.longform-mobile .lf-image-fit-2,
.longform-body.longform-mobile .lf-image-fit-3,
.longform-body.longform-mobile .lf-image-fit-4,
.longform-body.longform-mobile .lf-image-fit-4-1,
.longform-body.longform-mobile .lf-image-fit-4-2 {
    width: 100% !important;
}
.longform-body.longform-mobile .lf-video {
    width: auto !important;
    margin: 18px auto;
}

.longform-body.longform-mobile .lf-video .video {
    width: 100%;
}

.longform-body.longform-mobile .lf-video .video video {
    object-fit: cover;
    width: 100%;
}

.longform-body.longform-mobile .lf-video .caption {
    padding: 10px 18px;
}

.longform-body.longform-mobile .lf-youtube {
    width: auto !important;
    margin: 18px auto;
}

.longform-body.longform-mobile .lf-youtube .caption {
    padding: 10px 18px;
}
.longform-body.longform-mobile .lf-audio {
    width: auto !important;
}
.longform-body.longform-mobile .lf-credit {
    position: relative;
    margin: 18px auto;
    padding-top: 36px;
    padding-left: 36px;
    padding-right: 36px;
}

.longform-body.longform-mobile .lf-blockquote {
    width: auto !important;
    max-width: 100%;
}

.longform-body.longform-mobile .lf-blockquote .content {
    margin: 0 36px;
}

.longform-body.longform-mobile .lf-blockquote .content::before {
    top: -5rem;
    font-size: 10rem;
}

.longform-body.longform-mobile .lf-blockquote .content p strong::before {
    height: 1px;
}

.longform-body.longform-mobile .lf-image-fit {
    width: auto !important;
}

.longform-body.longform-mobile .lf-image-fit-2 .image-row {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
    grid-auto-rows: 200px;
}

.longform-body.longform-mobile .lf-image-fit-2 .image-row .image-item {
    /* grid-column: span 1 / auto; */
}

.longform-body.longform-mobile .lf-image-fit-3 .image-row {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
    grid-auto-rows: 200px;
}

.longform-body.longform-mobile .lf-image-fit-3 .image-row .image-item {
    /* grid-column: span 1 / auto; */
}

.longform-body.longform-mobile .lf-image-fit-3 .image-row .image-item-tall {
    /* grid-row: 1 / span 1; */
}

.longform-body.longform-mobile .lf-image-fit-3 .image-row .image-item-wide {
    /* grid-column: span 2 / auto; */
}

.longform-body.longform-mobile .lf-image-fit-4 .image-row {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
    grid-auto-rows: 200px;
}

.longform-body.longform-mobile .lf-image-fit-4 .image-row .image-item {
    /* grid-column: span 1 / auto; */
}

.longform-body.longform-mobile .lf-image-fit-4 .image-row .image-item-tall {
    grid-row: 1 / span 2;
}

.longform-body.longform-mobile .lf-image-fit-4 .image-row .image-item-wide {
    grid-column: span 3 / auto;
}
.longform-body.longform-mobile .lf-image-caption,
.longform-body.longform-mobile .lf-paragraph {
    width: 100% !important;
}
.longform-body.longform-mobile .lf-paragraph,
.longform-body.longform-mobile .lf-blockquote .lf-quote-text {
    padding-left: 36px;
    padding-right: 36px;
}
.longform-body.longform-mobile .lf-blockquote.show-quote-first {
    padding-top: 6rem;
}
.longform-body.longform-mobile .lf-blockquote.show-quote-last {
    padding-bottom: 6rem;
}
.longform-body.longform-mobile .lf-blockquote .lf-quote-first,
.longform-body.longform-mobile .lf-blockquote .lf-quote-last {
    font-size: 10rem;
    height: 6rem;
}
.longform-body.longform-mobile .lf-blockquote.show-quote-first .lf-quote-first {
    left: 36px;
}
.longform-body.longform-mobile .lf-blockquote.show-quote-last .lf-quote-last {
    right: 36px;
}
.longform-body.longform-mobile video,
.longform-body.longform-mobile audio,
.longform-body.longform-mobile figure,
.longform-body.longform-mobile picture,
.longform-body.longform-mobile img,
.longform-body.longform-mobile table {
    max-width: 100% !important;
}
.longform-body.longform-mobile .img-desktop {
    display: none;
}
.longform-body.longform-mobile .img-mobile {
    display: block;
}