@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;
    border-top: none;
    border-bottom: none;
    max-width: 980px;
    margin: 0 auto;
}
.longform-body p {
    width: 650px;
    font-size: 18px !important;
    /* margin-left: -5px; */
    margin: 0px auto;
    padding-bottom: 16px;
    padding-top: 0;
    line-height: 17px;
    font-size: 13px;
    font-size: 15px;
    font-family: "Noto Serif", arial;
    line-height: 1.3;
    color: #222;
    font-size: 15px;
    line-height: 30px;
}
.longform-body table {
    width: auto;
}
.longform-body table.center {
    margin: 0px auto;
}
.longform-body table.center img, .longform-body table.center p {
    margin: 0px auto;
}
.longform-body table.image td img {
    height: auto !important;
    margin: 0px auto;
    max-width: 100%;
}
.longform-body table.leftside {
    margin: 0 10px 10px 0;
}
.longform-body table.rightside {
    margin: 0 0 10px 10px;
}
.longform-body iframe,
.longform-body embed {
    max-width: 100%;
}
.longform-content img {
    max-width: 100%;
    max-height: 100%;
}
.longform-content video {
    max-width: 100%;
    height: auto !important;
}
.longform-content:hover .longform-topic {
    display: flex;
}

@media (max-width: 768px) {
    .longform-body {
        max-width: 100%;
    }
    .header-longform .btn-link {
        padding: 0.35rem 0.5rem;
    }
}