– gap will replace it */
.field--name-field-tags .margin-2px {
margin: 0;
}
/* single chip in one line */
.field--name-field-tags a.usa-tag {
display: inline-block;
white-space: nowrap;
}
}
/* ————————————————————————————————————————————————————————————————
5.11. File Box
———————————————————————————————————————————————————————————————— */
.block-field-blocknodenewsroomfield-pdf-file {
padding: 1rem 1.5rem;
background: #f3f9fc;
border: 1px solid #dfe1e2;
border-radius: .375rem;
margin: 1.5rem 0;
}
/* heading “File / Files” */
.block-field-blocknodenewsroomfield-pdf-file .title {
font-size: 1rem;
font-weight: 700;
margin: 0 0 .5rem;
}
/* file list */
.block-field-blocknodenewsroomfield-pdf-file .field__items {
margin: 0;
padding: 0;
list-style: none;
}
.block-field-blocknodenewsroomfield-pdf-file .field__item {
margin: 0 0 .5rem;
}
.block-field-blocknodenewsroomfield-pdf-file .field__item:last-child {
margin-bottom: 0;
}
/* PDF link + icon */
.block-field-blocknodenewsroomfield-pdf-file a[type="application/pdf"] {
display: inline-block;
word-break: break-all; /* long file names won't break layout */
text-decoration: underline;
color: #005ea2;
font-weight: 600;
}
.block-field-blocknodenewsroomfield-pdf-file a[type="application/pdf"]::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
margin-right: .35rem;
vertical-align: text-bottom;
background: url("/themes/custom/dic_subtheme/dist/img/usa-icons/file.svg") center/contain no-repeat;
}
/* =========================================================================
Digital Intelligence Congress (DIC)
----------------------------------------------------------------------------
6.NEWSROOM DETAILS
========================================================================= */
/* ————————————————————————————————————————————————————————————————
RESET
———————————————————————————————————————————————————————————————— */
/* Hide the first (auto‑inserted) empty summary to avoid blank space */
.usa-collection__body>p.usa-collection__description:first-child:empty {
display: none;
}
/* ————————————————————————————————————————————————————————————————
6.1. Card Wrapper
———————————————————————————————————————————————————————————————— */
/* Desktop grid: 240 px left column for thumbnail, fluid right column */
.usa-collection__item {
display: grid;
grid-template-columns: 240px 1fr;
grid-template-areas:
"title title" /* row 1 – title spans both columns */
"image summary" /* row 2 – left: photo · right: summary */
"image meta"; /* row 3 – left: photo · right: date + chips */
gap: 1rem;
margin: 2rem 0;
border-top: 1.5px solid #dfe1e2;
}
/* Title row */
.usa-collection__heading {
grid-area: title;
margin: 0 0 .5rem;
font-weight: 700;
font-size: 1.375rem;
line-height: 1.4;
}
/* Thumbnail */
.hero-img {
grid-area: image;
}
.hero-img img {
width: 240px;
height: 240px;
object-fit: cover;
display: block;
}
/* ————————————————————————————————————————————————————————————————
6.2. Card Body
———————————————————————————————————————————————————————————————— */
.usa-collection__body {
display: flex;
flex-direction: column;
min-height: 240px; /* matches thumbnail height */
}
/* Summary (first
) sits at the very top */
.usa-collection__body>p {
margin: 0;
flex: 0 0 auto;
}
/* Any extra
between summary and meta acts as a flexible spacer */
.usa-collection__body>p:not(.usa-collection__description) {
flex: 1 0 auto;
margin: 0 0 .75rem;
}
/* Meta block – date (time element) anchors to the bottom */
.usa-collection__item time {
grid-area: meta;
color: #6a6f73;
font-size: .95rem;
line-height: 1.4;
margin-top: auto;
margin-bottom: .25rem; /* tiny gap above chips */
}
/* Chips wrapper sits right below the date */
.usa-collection__meta-item {
display: flex;
flex-wrap: wrap;
gap: .25rem .5rem; /* 4 px × 8 px */
margin: .25rem 0 0;
}
/* ————————————————————————————————————————————————————————————————
6.3. Chip Styling
———————————————————————————————————————————————————————————————— */
.usa-collection__meta a,
.usa-collection__meta a:visited {
display: inline-block;
padding: 6px .6rem;
background: #565c65;
color: #fff !important; /* suppress default visited purple */
font: .85rem/1 "Source Sans Pro", sans-serif;
text-transform: uppercase;
border-radius: 2px;
text-decoration: none;
}
.usa-collection__meta a:hover,
.usa-collection__meta a:focus {
background: #1b1b1b;
}
/* CHIP highlight – only for the “New” tag */
.usa-collection__meta a[href="/newsroom/tag/new"] {
background: #fce100; /* golden USWDS */
color: #161616 !important; /* darker text – overrides prior !important */
}
.usa-collection__meta a[href="/newsroom/tag/new"]:hover,
.usa-collection__meta a[href="/newsroom/tag/new"]:focus {
background: #e6b800; /* darker on hover */
}
/* ————————————————————————————————————————————————————————————————
6.4. Responsive ≤ 640 PX
———————————————————————————————————————————————————————————————— */
@media (max-width:640px){
.usa-collection__item {
grid-template-columns: 1fr;
grid-template-areas:
"title"
"image"
"summary"
"meta";
}
.hero-img img {
width: 100%;
height: auto;
}
.usa-collection__body {
min-height: 0;
} /* allow collapse */
}
/* ————————————————————————————————————————————————————————————————
6.5. Inline Images Inside Body
———————————————————————————————————————————————————————————————— */
.node .field--name-body img {
max-width: 100%;
height: auto;
}
/* Newsroom – remove default
padding for the card list */
.usa-collection > ul {
list-style: none; /* no bullet needed */
margin: 0; /* remove potential left margin */
padding: 0; /* critical: remove 40 px default */
}
/* =========================================================================
Digital Intelligence Congress (DIC)
----------------------------------------------------------------------------
7. PRESS RELEASE
========================================================================= */
/* ————————————————————————————————————————————————————————————————
7.1. Layout With No Thumbnails
———————————————————————————————————————————————————————————————— */
/* a) zero out 2-column grid */
.press-collection .usa-collection__item {
display: block; /* instead of grid */
margin: 2rem 0;
border-top: 1.5px solid #dfe1e2;
}
/* b) heading same as earlier */
.press-collection .usa-collection__heading {
margin: 0 0 .5rem;
font-weight: 700;
font-size: 1.375rem;
line-height: 1.4;
}
/* c) body needs no min-height */
.press-collection .usa-collection__body {
min-height: 0;
}
/* d) hide potential thumbnail if the node had one */
.press-collection .hero-img {
display: none;
}
/* e) meta (date, author) remains as inherited from base styles */
/* ————————————————————————————————————————————————————————————————
7.2. Article View (anchor = date block)
———————————————————————————————————————————————————————————————— */
/* Anchor – variable spacing (renders no visible element) */
.block-field-blocknodepresscreated {
--press-gap:1.5rem;
}
/* Title (H1) – block stands BEFORE the date, so we reference the sibling above (+ previous sibling) */
.block-field-blocknodepresscreated
~ .block-field-blocknodepresstitle span{
display: block;
font-size: 2.25rem;
font-weight: 700;
line-height: 1.25;
margin: 1.25rem 0 .75rem;
max-width: 70ch;
}
@media (max-width:640px){
.block-field-blocknodepresscreated
~ .block-field-blocknodepresstitle span {
font-size: 1.75rem;
margin: 1rem 0 .5rem;
}
}
/* Meta Triplet – (.layout--threecol-section) */
.block-field-blocknodepresscreated
^^ .layout--threecol-section.layout--threecol-section--33-34-33 {
display: flex;
gap: var(--press-gap);
margin: .5rem 0 1.5rem;
border-top: 1.5px solid #dfe1e2;
padding-top: 1rem;
}
.block-field-blocknodepresscreated
^^ .layout--threecol-section .layout__region {
flex: 1 1 0;
font-size: 1rem;
line-height: 1.4;
}
/* (a) the date has color inline in HTML; only fallback here */
.block-field-blocknodepresscreated time {
color: #6a6f73;
}
/* (b) AUTHOR badge */
.block-field-blocknodepressfield-author a {
display: inline-block;
background: #5c6670;
color: #fff;
padding: 4px .75rem;
border-radius: 2px;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
font-size: .8rem;
}
/* (c) CATEGORY badge */
.block-field-blocknodepressfield-press-category .title {
font-size: .9rem;
margin-right: .25rem;
}
.block-field-blocknodepressfield-press-category a {
display: inline-block;
background: #e6e6e6;
color: #1b1b1b;
padding: 4px .75rem;
border-radius: 2px;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
font-size: .8rem;
margin-left: .25rem;
}
/* ————————————————————————————————————————————————————————————————
7.3. Subtitle (block stands BELOW the date)
———————————————————————————————————————————————————————————————— */
.block-field-blocknodepresscreated
~ .block-field-blocknodepressfield-press-subtitle h3 {
font-size: 1.5rem;
line-height: 1.35;
font-weight: 600;
margin: 0 0 1.25rem;
max-width: 75ch;
}
/* ————————————————————————————————————————————————————————————————
7.4. Responsive ≤ 640 px – meta-triplet in one column
———————————————————————————————————————————————————————————————— */
@media (max-width:640px){
.block-field-blocknodepresscreated
^^ .layout--threecol-section.layout--threecol-section--33-34-33 {
flex-direction: column;
gap: .75rem;
}
.block-field-blocknodepresscreated
^^ .layout--threecol-section .layout__region {
flex: none;
}
}
/* =========================================================================
Digital Intelligence Congress (DIC)
----------------------------------------------------------------------------
8. PRESS ARTICLE VIEW
========================================================================= */
/* ————————————————————————————————————————————————————————————————
8.1. Title (H1 - node title)
———————————————————————————————————————————————————————————————— */
.block-field-blocknodepresstitle span {
display: block;
font-size: 2.25rem; /* ≈ 36 px */
font-weight: 700;
line-height: 1.25;
margin: 1.25rem 0 .75rem;
max-width: 70ch;
}
@media (max-width:640px){
.block-field-blocknodepresstitle span {
font-size: 1.75rem; /* ≈ 28 px */
margin: 1rem 0 .5rem;
}
}
/* ————————————————————————————————————————————————————————————————
8.2. Meta-Triplet (time | author | category)
———————————————————————————————————————————————————————————————— */
.layout--threecol-section.layout--threecol-section--33-34-33 {
display: flex;
justify-content: space-between; /* L | C | R */
align-items: flex-start;
gap: 2rem;
margin: 2rem 0 1.5rem;
border-top: 1.5px solid #dfe1e2;
padding-top: 1rem;
overflow: visible; /* removes narrow scrollbar glitch */
}
/* flexible columns */
.layout--threecol-section.layout--threecol-section--33-34-33
> .layout__region {
flex: 1 1 0;
min-width: 0;
}
.layout--threecol-section .layout-builder__drag {
display: none; /* hides handle, removes micro scrolls */
}
/* column alignment */
.layout__region--first { text-align: left; }
.layout__region--second { text-align: center; }
.layout__region--third { text-align: right; }
/* date */
.block-field-blocknodepresscreated time {
color: #6a6f73;
font-size: 1rem;
}
/* AUTHOR badge */
.field--name-field-author a {
display: inline-block;
background: #5c6670;
color: #fff;
padding: 4px .75rem;
border-radius: 2px;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
font-size: .8rem;
}
/* CATEGORY badge + label */
.field--name-field-press-category .title {
display: inline-block;
margin: 0 .35rem 0 0; /* small gap after label */
}
.field--name-field-press-category a {
display: inline-block;
background: #e6e6e6;
color: #1b1b1b;
padding: 4px .75rem;
border-radius: 2px;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
font-size: .8rem;
margin-left: .25rem;
}
/* ————————————————————————————————————————————————————————————————
8.3. Subtitle
———————————————————————————————————————————————————————————————— */
.field--name-field-press-subtitle h3 {
font-size: 1.5rem;
line-height: 1.35;
font-weight: 600;
margin: 0 0 1.25rem;
max-width: 75ch;
}
/* ————————————————————————————————————————————————————————————————
8.4. Responsive < 640 px
———————————————————————————————————————————————————————————————— */
@media (max-width:640px){
/* entire trio stacks in one column */
.layout--threecol-section.layout--threecol-section--33-34-33 {
flex-direction: column;
gap: .75rem 0;
text-align: left;
}
.layout--threecol-section.layout--threecol-section--33-34-33
> .layout__region {
flex: none;
}
/* date remains block, no changes needed */
/* AUTHOR */
.field--name-field-author a {
margin-top: .25rem;
}
/* CATEGORY: label + chip in one row */
.field--name-field-press-category .title,
.field--name-field-press-category .field__item {
display: inline-block;
vertical-align: middle;
}
.field--name-field-press-category .title {
margin: 0 .35rem 0 0;
font-weight: 600;
}
.field--name-field-press-category .field__item a {
margin-top: 0;
}
}
/* hide Layout Builder drag-handle in press */
.layout--threecol-section .layout-builder__drag,
.layout--threecol-section .ui-sortable-handle {
display: none;
}
/* ————————————————————————————————————————————————————————————————
8.5. File Box
———————————————————————————————————————————————————————————————— */
.block-field-blocknodepressfield-pdf-file {
padding: 1rem 1.5rem;
background: #f3f9fc;
border: 1px solid #dfe1e2;
border-radius: .375rem;
margin: 1.5rem 0;
}
/* heading “File / Files” */
.block-field-blocknodepressfield-pdf-file .title {
font-size: 1rem;
font-weight: 700;
margin: 0 0 .5rem;
}
/* file list */
.block-field-blocknodepressfield-pdf-file .field__items {
margin: 0;
padding: 0;
list-style: none;
}
.block-field-blocknodepressfield-pdf-file .field__item {
margin: 0 0 .5rem;
}
.block-field-blocknodepressfield-pdf-file .field__item:last-child {
margin-bottom: 0;
}
/* PDF link + icon */
.block-field-blocknodepressfield-pdf-file a[type="application/pdf"] {
display: inline-block;
word-break: break-all; /* long file names won't break layout */
text-decoration: underline;
color: #005ea2;
font-weight: 600;
}
.block-field-blocknodepressfield-pdf-file a[type="application/pdf"]::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
margin-right: .35rem;
vertical-align: text-bottom;
background: url("/themes/custom/dic_subtheme/dist/img/usa-icons/file.svg") center/contain no-repeat;
}
/* ————————————————————————————————————————————————————————————————
8.6. File Box - mobile polish (file size – gray, smaller) ≤ 640 px
———————————————————————————————————————————————————————————————— */
.block-field-blocknodepressfield-pdf-file .file--application-pdf + span {
color: #707070;
font-size: .9rem;
margin-left: .35rem;
}
@media (max-width:640px){
/* full width + bigger offset from screen edges */
.block-field-blocknodepressfield-pdf-file {
margin-left: -1rem; /* align with text above box */
margin-right: -1rem;
border-radius: .25rem;
}
/* links more clickable: stretch full width */
.block-field-blocknodepressfield-pdf-file a[type="application/pdf"] {
display: block;
line-height: 1.35;
padding: .25rem 0;
}
}
/* =========================================================================
Digital Intelligence Congress (DIC)
----------------------------------------------------------------------------
9. INSTITUTIONS SECTION
========================================================================= */
/* ————————————————————————————————————————————————————————————————
9.1. Exception for Container Padding Removing
———————————————————————————————————————————————————————————————— */
.institutions-section,
.institutions-section .layout__region--content {
padding-inline: 0 !important;
}
/* ————————————————————————————————————————————————————————————————
9.2. Variables – adjust only if page gutter differs
———————————————————————————————————————————————————————————————— */
:root {
--inst-side-pad: 0.35rem; /* left / right gutter on desktop */
--inst-row-gap : 1rem; /* row gap for all viewports */
}
@media (max-width: 640px) {
:root { --inst-side-pad: 0.35rem; } /* page gutter on mobile */
}
/* ————————————————————————————————————————————————————————————————
9.3. Card-Grid Aligns With The Blue Header (compensate border + pad)
———————————————————————————————————————————————————————————————— */
.institutions-section .usa-card-group.grid-row {
margin-inline: calc(-1 * var(--inst-side-pad) - 2px) !important;
margin-block-end: 0 !important; /* remove extra gap */
}
/* ————————————————————————————————————————————————————————————————
9.4. Zero Inner Column Gutter – we control the gaps ourselves
———————————————————————————————————————————————————————————————— */
.institutions-section .usa-card-group.grid-row>* {
padding-inline: 0 !important;
}
/* ————————————————————————————————————————————————————————————————
9.5. Even Vertical Spacing
———————————————————————————————————————————————————————————————— */
.institutions-section li.usa-card {
margin-block-end: var(--inst-row-gap) !important;
}
.institutions-section li.usa-card:first-child {
margin-block-start: 0 !important; /* no top offset */
}
/* ————————————————————————————————————————————————————————————————
9.6. Square Corners & Narrower Side Borders
———————————————————————————————————————————————————————————————— */
.institutions-section .usa-card,
.institutions-section .usa-card__container,
.institutions-section .usa-card__img {
border-radius: 0 !important;
}
.institutions-section .usa-card__container {
border-inline-width: 1px !important;
border: 1px solid #dfe1e2;
}
/* ————————————————————————————————————————————————————————————————
9.7. Equal-Height Flex Trick
———————————————————————————————————————————————————————————————— */
.institutions-section .usa-card,
.institutions-section .usa-card__container {
display: flex; flex-direction: column;
}
.institutions-section .usa-card__body {
flex: 1;
}
/* ————————————————————————————————————————————————————————————————
9.8. Optional Breathing Space (below the blue headline)
———————————————————————————————————————————————————————————————— */
.institutions-section .usa-card-group:first-of-type {
margin-block-start: 1rem !important;
}
.institutions-section .usa-card__img {
position: relative;
}
.institutions-section .usa-card__img::after {
content: "";
position: absolute;
inset: 0;
border: 1px solid #dfe1e2;
pointer-events: none;
border-radius: 0;
}
.institutions-section .usa-card__media--exdent {
margin-inline: -1px !important;
margin-top: -1px !important;
}
/* =========================================================================
Digital Intelligence Congress (DIC)
----------------------------------------------------------------------------
10. CONGRESS REGISTRY
========================================================================= */
/* ————————————————————————————————————————————————————————————————
10.1. Additional tweaks for table, avatar and non-available file
———————————————————————————————————————————————————————————————— */
/* Avatar – icon + size, no file name displayed */
.views-field-field-avatar span.file {
display: inline-flex;
align-items: center;
gap: .4rem;
}
.views-field-field-avatar span.file a {
position: relative;
width: 1rem; height: 1rem;
overflow: hidden;
text-indent: -9999px;
}
.views-field-field-avatar span.file a::before {
content: "";
position: absolute; inset: 0;
background: url("/themes/custom/dic_subtheme/dist/img/usa-icons/file-image.svg")
no-repeat center/contain;
}
/* (optionally) refine the font size for “(401 KB)” */
.views-field-field-avatar span.file > span {
font-size: .8rem;
font-weight: 400;
}
/* Overall container: aligned inline with correct spacing */
.views-field-field-avatar span.file.file--na,
.views-field-field-pdf-file span.file.file--na {
display: inline-flex;
align-items: center;
gap: .35rem;
font-size: .8rem;
font-weight: 400;
color: #595959;
}
/* “cancel” / no-file icon */
.file-na__icon {
width: 1rem;
height: 1rem;
background: url("/themes/custom/dic_subtheme/dist/img/usa-icons/cancel.svg")
center/contain no-repeat;
/* If SVG has fill="currentColor", you could recolor via color: */
color: #B50909; /* red ‘stop’ — optional */
}
/* Label text */
.file-na__label {
line-height: 1;
}
/* (Optionally) Hover – remains neutral */
.file-na__icon:hover,
.file-na__label:hover {
text-decoration: none;
}
/* ————————————————————————————————————————————————————————————————
10.2. Registry & Legislation – show page numbers on mobile
———————————————————————————————————————————————————————————————— */
@media (max-width: 640px){
/* 1) Cancel the USWDS 'display:none' so page numbers render again */
.path-registry .usa-pagination__page-no,
.path-legislation .usa-pagination__page-no{
display: inline-flex !important; /* force visibility */
}
/* 2) Let the whole strip scroll horizontally if it’s wider
than the viewport; keeps global overflow-x:hidden intact. */
.path-registry .usa-pagination,
.path-legislation .usa-pagination{
overflow-x: auto;
-webkit-overflow-scrolling: touch; /* momentum on iOS */
white-space: nowrap; /* stay in one row */
}
/* 3) Prevent items from squishing */
.path-registry .usa-pagination__item,
.path-legislation .usa-pagination__item{
flex: 0 0 auto;
}
}
/* ————————————————————————————————————————————————————————————————
10.3. Notable Card - President, Chairman, Rector
———————————————————————————————————————————————————————————————— */
.bio-card-blue {
background: #eef7fa;
border: 2px solid #005ea2;
border-radius: 0;
padding: 1.5rem 1.5rem;
max-width: 1040px;
margin: 1.5rem auto 2.5rem;
}
.usa-media-block.bio-card-blue {
display: flex;
align-items: flex-start;
}
.bio-card-blue .usa-media-block__img {
flex-shrink: 0;
width: 240px;
height: 240px;
object-fit: cover;
border-radius: 0;
margin-right: 1.25rem;
}
.bio-card-blue .usa-media-block__body {
flex: 1 1 0%;
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
}
.bio-card-blue h2 {
margin: 0 0 .5rem;
font-size: 1.375rem;
font-weight: 700;
line-height: 1.4;
}
.bio-card-blue p {
margin: 0 0 1rem;
}
.bio-card-blue p:last-of-type {
margin-bottom: 0;
}
.bio-card-blue a.usa-button {
align-self: flex-start;
margin-top: auto;
}
@media (max-width: 640px) {
.bio-card-blue {
flex-direction: column;
padding: 1.25rem 1.25rem 1.25rem;
}
.bio-card-blue .usa-media-block__img {
width: 100%;
height: auto;
margin: 0 0 1.25rem 0;
}
}
/* ————————————————————————————————————————————————————————————————
10.4. Notable style for Custom Header - President, Chairman, Rector
———————————————————————————————————————————————————————————————— */
.usa-section--notable {
background-color: #005ea2; /* strong USWDS */
color: #ffd100;
border: 2px solid #004c87; /* frame */
border-radius: 0;
padding: 1.5rem 2rem;
margin: 2rem 0;
}
.usa-section--notable h2 {
color: #00bde3;
}
.usa-section--notable h3,
.usa-section--notable h4 {
color: #ffffff; /* USWDS accent */
margin-top: 0;
}
.usa-section--notable p {
margin-bottom: 1rem;
}
.usa-section--notable a {
color: #ffd100; /* links */
text-decoration: underline;
}
.usa-section--notable a:visited {
color: #ffb81c;
}
.usa-section--notable a:hover,
.usa-section--notable a:active {
color: #ffffff;
}
@media (max-width: 640px) {
.usa-section--notable {
padding: 1rem;
}
}
/* ————————————————————————————————————————————————————————————————
10.5. Responsive Table (About, Governance, Ethics, Education)
———————————————————————————————————————————————————————————————— */
@media (max-width: 640px) {
.table-responsive {
overflow-x: auto; /* enable horizontal scrolling */
-webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
margin-bottom: 1rem; /* spacing below table */
}
.table-responsive table {
width: 100%; /* full width of container */
white-space: nowrap; /* prevent cell wrapping */
}
}
/* ————————————————————————————————————————————————————————————————
10.6. Link Wrapping and Tags for Mobiles
———————————————————————————————————————————————————————————————— */
.usa-summary-box__link {
word-break: break-all;
/* albo */
/* overflow-wrap: anywhere; */
}
@media (max-width: 640px) {
/* Every chip like the inline-block with a padding and margin */
.usa-collection__meta a, .usa-collection__meta a:visited {
display: inline-block;
padding: .3rem .4rem .2rem;
background: #565c65;
color: #fff !important;
font: .8rem / 1 "Source Sans Pro", sans-serif;
text-transform: uppercase;
border-radius: 2px;
text-decoration: none;
}
}
/* ————————————————————————————————————————————————————————————————
10.7. Body Images Patch – front-end patch for everything
———————————————————————————————————————————————————————————————— */
.node .field--name-body img {
max-width: 100%;
height: auto;
}
/* === FILE END ================================================================== */