/* ============================================================
   Adkins Entertainment - Main Stylesheet v5
   Pixel-matched to adkinsentertainment.com

   COLORS:
     --nav-bg:      #798fa4  (header AND footer background)
     --nav-link:    #ffffff
     --body-bg:     #ffffff
     --link-title:  #798fa4  (press titles, client names, links)
     --text-dark:   #333333  (body text)
     --text-meta:   #999999  (date/meta text)
     --text-head:   #333333  (large page headings - dark gray, NOT black)
     --rule-color:  #cccccc  (horizontal rules beside headings)
     --filter-line: #333333  (active filter underline)
     --btn-bg:      #798fa4  (submit/CTA buttons)
     --mc-bg:       #e8e8e8  (mailchimp box bg)
     --section-bg:  #f5f5f5  (subtle section bg where needed)
     --fb-blue:     #3b5998
     --ig-blue:     #517fa4  (Instagram icon — appears same blue family as FB in screenshots)
     --footer-bg:   #798fa4  (same as nav)

   TYPOGRAPHY:
     Body/headings: Georgia, 'Times New Roman', serif
     UI/meta/nav:   Arial, Helvetica, sans-serif
     Page heading size: ~26px, dark gray #333, NOT bold — medium weight
     Section heading (Clients/Instagram): Georgia, ~22px, normal weight, centered
     Press titles: Georgia, ~18px, color #798fa4
     Client names: Georgia, ~14px, color #798fa4, centered
     Meta text: Georgia italic, ~12px, #999
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* ============================================================
   RESET & BASE
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #555555;
    background: #ffffff;
    margin: 0;
    padding: 0;
    overflow-x: clip;
}

a { color: #6383a0; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }

img { max-width: 100%; height: auto; display: block; }
p { margin: 0 0 14px; }

/* ============================================================
   NAVIGATION - #798fa4 background
   ============================================================ */
#site-header {
    background-color: #798fa4;
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: background-color 0.25s ease-in-out;
}
/* When stuck on scroll, nav becomes slightly transparent (matches live site) */
#site-header.is-stuck {
    background-color: rgba(121, 143, 164, 0.9);
}

.navbar {
    padding: 0;
    min-height: 84px;
    align-items: stretch;
}

.navbar-brand {
    padding: 14px 0;
    display: flex;
    align-items: center;
}
/* Small bordered-box logo matching current site exactly */
.navbar-brand img {
    height: 62px;
    width: auto;
    display: block;
}

.navbar-nav {
    align-items: center;
}
.navbar-nav .nav-link {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #dddddd !important;
    padding: 0 14px !important;
    line-height: 84px;
    transition: color 0.15s;
    display: block;
}
.navbar-nav .nav-link:hover { color: #ffffff !important; text-decoration: none; }
.navbar-nav .nav-link.active { color: #ffffff !important; font-weight: 400; }

.navbar-toggler {
    border: 1px solid rgba(255,255,255,0.5);
    padding: 5px 9px;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ============================================================
   HERO SLIDER - directly below nav, full width
   ============================================================ */
#hero-slider {
    position: relative;
    overflow: hidden;
    background: #aab5bf;
    width: 100%;
}
.hero-slide { display: none; }
.hero-slide.active { display: block; }
.hero-slide img {
    width: 100%;
    height: calc(100vh - 84px);
    min-height: 400px;
    max-height: 800px;
    object-fit: cover;
    object-position: center center;
    display: block;
}
/* Minimal chevron arrows - very thin, edge-aligned */
.slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.15);
    border: none;
    color: rgba(255,255,255,0.8);
    width: 32px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    font-size: 16px;
    transition: background 0.2s;
}
.slider-arrow:hover { background: rgba(255,255,255,0.3); }
.slider-arrow.prev { left: 0; }
.slider-arrow.next { right: 0; }
/* Scroll-down chevron indicator on hero slider */
.slider-scroll-indicator {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255,255,255,0.75);
    font-size: 22px;
    z-index: 10;
    cursor: pointer;
    animation: bounce-down 2s ease-in-out infinite;
    text-align: center;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider-scroll-indicator:hover { color: #ffffff; }
@keyframes bounce-down {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50%       { transform: translateX(-50%) translateY(8px); }
}

/* No dot indicators visible on site */
.slider-controls { display: none; }

/* ============================================================
   PAGE HEADINGS - centered with horizontal rules on both sides
   Used on: Our Work, Internships, About, Contact Us, Press Releases
   ============================================================ */
.page-heading-wrap {
    text-align: center;
    padding: 40px 20px 30px;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    gap: 0;
}
.page-heading-wrap::before,
.page-heading-wrap::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #cccccc;
}
.page-heading-wrap h1 {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 28px;
    font-weight: 500;
    color: #333333;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0;
    padding: 0 28px;
    white-space: nowrap;
}

/* Section heading inside content (Clients, Instagram on homepage) */
.section-heading-centered {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    text-align: center;
    margin: 0 0 6px;
    display: flex;
    align-items: center;
    gap: 0;
}
.section-heading-centered::before,
.section-heading-centered::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #cccccc;
}
.section-heading-centered span {
    padding: 0 16px;
}

/* ============================================================
   TWO-COLUMN HOMEPAGE LAYOUT
   Left: ~56% press content | Right: ~40% sidebar
   ============================================================ */
.home-content-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 20px 50px;
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 48px;
    align-items: start;
}

/* ============================================================
   PRESS RELEASE LIST ITEMS (Homepage)
   Thumbnail ~330x215, title in #798fa4, meta gray italic, body dark
   ============================================================ */
.press-list { margin: 0 0 28px; }

/* Each post: thumbnail floats left, title + meta + excerpt flow to the right
   and wrap underneath when text is longer than the image height.
   Matches live site layout-thumbnails-on-side / floated-slideshow */
.press-list-item {
    margin-bottom: 36px;
    padding-bottom: 0;
    overflow: hidden;
}
.press-list-item:last-child { margin-bottom: 0; }

/* Thumbnail: 177x142 like the live site (portfolio-five size) */
.press-thumb {
    float: left;
    width: 177px;
    height: 142px;
    margin: 0 20px 6px 0;
    display: block;
    overflow: hidden;
}
.press-thumb img {
    width: 177px;
    height: 142px;
    object-fit: cover;
    display: block;
}

/* Title: bold, larger, #6383a0 */
.press-title {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 8px;
}
.press-title a { color: #6383a0; text-decoration: none; }
.press-title a:hover { text-decoration: underline; color: #000000; }

/* Meta: date | Comments Off */
.press-meta {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #999999;
    margin-bottom: 12px;
}
.press-meta .pipe { margin: 0 6px; font-style: normal; color: #cccccc; }

/* Body excerpt: flows beside then under the thumbnail */
.press-body {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: #555555;
    margin: 0;
}

/* "READ ALL PRESS RELEASES" button */
.btn-read-all {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background: #798fa4;
    color: #ffffff;
    padding: 10px 20px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    margin-top: 8px;
    transition: background 0.2s;
}
.btn-read-all:hover { background: #5a7388; color: #fff; text-decoration: none; }

/* ============================================================
   SIDEBAR - right column on homepage
   ============================================================ */
.home-sidebar { min-width: 0; }

/* Social icon buttons - round, top-right of sidebar */
.sidebar-social {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-bottom: 16px;
}
.sidebar-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
    transition: opacity 0.2s;
}
.sidebar-social a:hover { opacity: 0.85; text-decoration: none; }
.social-fb { background: #3b5998; }
.social-ig { background: #517fa4; }

/* JOIN THE LIST box */
.sidebar-mailchimp {
    background: #e8e8e8;
    padding: 22px 18px;
    margin-bottom: 28px;
    text-align: center;
}
.mc-heading {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #333333;
    margin-bottom: 14px;
}
/* Override MC embed inputs to match screenshot */
.sidebar-mailchimp input[type="email"],
.sidebar-mailchimp input[type="text"] {
    height: 34px;
    border: 1px solid #cccccc;
    background: #ffffff;
    padding: 6px 10px;
    font-size: 12px;
    font-family: Arial, sans-serif;
}
.sidebar-mailchimp input[type="submit"],
.sidebar-mailchimp .button {
    background: #798fa4;
    color: #ffffff;
    border: none;
    height: 34px;
    padding: 0 14px;
    font-size: 11px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
}
.sidebar-mailchimp input[type="submit"]:hover { background: #5a7388; }

/* ============================================================
   CLIENTS SECTION (sidebar on homepage / full page)
   ============================================================ */
.clients-heading-wrap {
    margin-bottom: 14px;
}

/* Filter bar - text links, active has thick bottom bar */
.client-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 0 18px;
    margin-bottom: 18px;
    padding: 4px 0;
    border-bottom: 1px solid #e0e0e0;
    align-items: flex-end;
}
.filter-btn {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #555555;
    background: none;
    border: none;
    padding: 6px 0 10px;
    cursor: pointer;
    position: relative;
    transition: color 0.15s;
    white-space: nowrap;
}
.filter-btn::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 3px;
    background: transparent;
    transition: background 0.15s;
}
.filter-btn:hover { color: #333333; }
.filter-btn.active { color: #333333; font-weight: 700; }
.filter-btn.active::after { background: #333333; }

/* Client grid - 3 columns, no image borders */
.clients-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}
.client-card-wrap { }
.client-card { display: block; text-decoration: none; }
.client-card img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block;
    transition: opacity 0.2s;
}
.client-card:hover img { opacity: 0.88; }
.client-card-overlay { display: none; }

/* Client name below image: #798fa4, Georgia, centered */
.client-name-below {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #6383a0;
    text-align: center;
    margin: 8px 0 0;
    line-height: 1.3;
}
.client-name-below a { color: #6383a0; text-decoration: none; }
.client-name-below a:hover { text-decoration: underline; color: #000000; }

/* Clients pagination (1 | 2 | Next >) */
.clients-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    margin-top: 18px;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 13px;
    color: #555;
}
.clients-pagination a { color: #6383a0; text-decoration: none; }
.clients-pagination a:hover { text-decoration: underline; }
.clients-pagination .current-page {
    background: #798fa4;
    color: #fff;
    padding: 2px 8px;
    font-size: 12px;
}
.clients-pagination .pipe { color: #cccccc; }

/* ============================================================
   INSTAGRAM SECTION (sidebar, below clients)
   ============================================================ */
.sidebar-instagram { margin-top: 28px; }

.instagram-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
    margin-top: 14px;
    margin-bottom: 16px;
}
.instagram-grid a { display: block; overflow: hidden; }
.instagram-grid img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    display: block;
    transition: opacity 0.2s;
}
.instagram-grid a:hover img { opacity: 0.85; }

/* "Follow on Instagram" button - gray bg, rounded */
.btn-instagram-follow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #e0e0e0;
    color: #555555;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding: 8px 16px;
    border-radius: 3px;
    text-decoration: none;
    transition: background 0.2s;
    margin: 0 auto;
    display: flex;
    width: fit-content;
}
.btn-instagram-follow:hover { background: #cccccc; color: #333; text-decoration: none; }

/* ============================================================
   FULL-PAGE LAYOUT (non-homepage pages)
   Most inner pages are single-column, centered content
   ============================================================ */
.page-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px 60px;
}

/* Two-column pages (press list) */
.page-two-col {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px 60px;
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 48px;
    align-items: start;
}

/* ============================================================
   PRESS RELEASES FULL PAGE
   Large image left, two-col card layout, month pills on timeline
   ============================================================ */
.press-page-list { list-style: none; padding: 0; margin: 0; }

.press-month-label {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #666666;
    background: #e8e8e8;
    display: inline-block;
    padding: 4px 14px;
    border-radius: 20px;
    margin: 24px 0 16px;
    font-weight: 400;
}

/* Each press item as a card with border */
.press-page-item {
    border: 1px solid #e0e0e0;
    margin-bottom: 20px;
    overflow: hidden;
}
.press-page-item:hover { border-color: #bbbbbb; }

.press-page-item img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}
.press-page-item-body { padding: 16px; }
.press-page-title {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
    margin-bottom: 6px;
    color: #6383a0;
}
.press-page-title a { color: #6383a0; text-decoration: none; }
.press-page-title a:hover { text-decoration: underline; color: #000000; }
.press-page-excerpt {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 13px;
    line-height: 1.6;
    color: #555555;
    margin-bottom: 10px;
}
.read-more-link {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 13px;
    color: #6383a0;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.read-more-link:hover { text-decoration: underline; }

/* Press page two-column grid of cards */
.press-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}

/* Press page sidebar */
.press-sidebar-mailchimp { margin-bottom: 28px; }
.press-sidebar-follow h3 {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #333;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #cccccc;
}
.press-sidebar-follow-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.press-sidebar-follow-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #555555;
    text-decoration: none;
}
.press-sidebar-follow-link:hover { color: #6383a0; text-decoration: none; }

/* ============================================================
   CLIENTS FULL PAGE
   Centered heading, filter bar, 3-col grid
   CURRENT CLIENTS and FORMER CLIENTS as separate sections
   ============================================================ */
.clients-page-section {
    padding: 0 0 48px;
}
.clients-page-section + .clients-page-section {
    padding-top: 16px;
    border-top: 1px solid #e0e0e0;
}
.clients-page-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px 24px;
    margin-top: 8px;
}

/* ============================================================
   OUR WORK PAGE
   Centered heading+rules, 4-col grid, big images no borders
   ============================================================ */
.work-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
    padding: 0 0 48px;
}
.work-item {
    display: block;
    text-decoration: none;
}
.work-item img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
    background: #f5f5f5;
    padding: 12px;
    transition: opacity 0.2s;
}
.work-item:hover img { opacity: 0.8; }

/* ============================================================
   ABOUT PAGE
   Centered heading+rules, intro text centered, person rows
   ============================================================ */
.about-intro {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 28px;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.75;
    color: #555555;
    padding: 0 20px;
}
.about-social-row {
    display: flex;
    justify-content: center;
    gap: 18px;
    margin-bottom: 18px;
}
.about-social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
}
.about-social-icon:hover { opacity: 0.8; text-decoration: none; }

.btn-contact-about {
    display: inline-block;
    background: #798fa4;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 10px 24px;
    text-decoration: none;
    margin-bottom: 32px;
    transition: background 0.2s;
}
.btn-contact-about:hover { background: #5a7388; color: #fff; text-decoration: none; }

/* Person name heading - left aligned, large, with full underline */
.person-name-heading {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 28px;
    font-weight: 500;
    color: #333333;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 8px;
    margin-bottom: 24px;
}
.about-person-row {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 36px;
    margin-bottom: 48px;
    align-items: start;
}
.about-person-photo { width: 100%; object-fit: cover; object-position: center top; }
.about-bio {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #555555;
}
.about-bio p { margin-bottom: 14px; }

/* ============================================================
   CONTACT PAGE
   Centered heading, single column, split name field
   ============================================================ */
.contact-wrap {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px 60px;
}
.contact-intro-text {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px;
    color: #333333;
    margin-bottom: 24px;
}
.contact-intro-text a { color: #6383a0; }
.contact-intro-text a:hover { text-decoration: underline; }

.form-row-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}
.form-group { margin-bottom: 16px; }
.form-label-text {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    display: block;
    margin-bottom: 4px;
}
.form-label-text .req { color: #cc0000; font-size: 12px; margin-left: 2px; }
.field-sublabel {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #888888;
    margin-top: 3px;
}
.form-control {
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 0;
    padding: 8px 10px;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px;
    color: #333333;
    background: #ffffff;
}
.form-control:focus { border-color: #6383a0; outline: none; box-shadow: none; }
textarea.form-control { resize: vertical; min-height: 140px; }

.btn-submit {
    background: #798fa4;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 24px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    transition: background 0.2s;
}
.btn-submit:hover { background: #5a7388; }

.form-alert {
    padding: 10px 14px;
    margin-bottom: 16px;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 13px;
}
.form-alert.success { background: #f0f7f0; border-left: 3px solid #4caf50; color: #2e6b2e; }
.form-alert.error   { background: #fff0f0; border-left: 3px solid #cc3333; color: #880000; }

/* ============================================================
   INTERNSHIPS/PRIVACY STATIC PAGES
   Centered heading, centered body text, no sidebar
   ============================================================ */
.static-page-body {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 20px 60px;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.85;
    color: #333333;
    text-align: center;
}
.static-page-body a { color: #6383a0; }
.static-page-body a:hover { text-decoration: underline; }
.static-page-body p { margin-bottom: 18px; }

/* ============================================================
   PRESS RELEASE DETAIL PAGE
   ============================================================ */
.press-detail-wrap {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px 60px;
}
.press-detail-meta {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 12px;
    font-style: italic;
    color: #999999;
    margin-bottom: 14px;
}
.press-detail-title {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 500;
    font-size: 24px;
    font-weight: 400;
    color: #6383a0;
    line-height: 1.4;
    margin-bottom: 20px;
}
.press-detail-img {
    width: 100%;
    max-height: 420px;
    object-fit: cover;
    margin-bottom: 28px;
}
.press-detail-body {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #555555;
}
.press-detail-body p { margin-bottom: 16px; }

/* ============================================================
   CLIENT DETAIL PAGE
   ============================================================ */
.client-detail-wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 36px 20px 60px;
}
.client-detail-name {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 28px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 6px;
}
.client-category-badge {
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #888888;
    border: 1px solid #cccccc;
    padding: 3px 9px;
    display: inline-block;
    margin-bottom: 14px;
}
.client-bio {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.85;
    color: #333333;
}
.client-bio p { margin-bottom: 14px; }
.client-social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 20px;
}
.client-social-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #555555;
    border: 1px solid #cccccc;
    padding: 5px 12px;
    text-decoration: none;
    transition: all 0.15s;
}
.client-social-link:hover { background: #798fa4; color: #fff; border-color: #6383a0; text-decoration: none; }

/* Client news/press section titles */
.client-section-title {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333333;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 8px;
    margin: 32px 0 18px;
}

.client-news-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-bottom: 32px;
}
.client-news-card { border: 1px solid #e0e0e0; }
.client-news-card img { width: 100%; height: 145px; object-fit: cover; }
.client-news-card-body { padding: 12px; }
.client-news-date { font-family: Arial, sans-serif; font-size: 11px; color: #999; margin-bottom: 4px; }
.client-news-title {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #6383a0;
    margin: 0;
}
.client-news-title a { color: #6383a0; text-decoration: none; }
.client-news-title a:hover { text-decoration: underline; }

.client-press-list { list-style: none; padding: 0; margin: 0 0 32px; }
.client-press-item {
    display: flex;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid #e8e8e8;
}
.client-press-item:last-child { border-bottom: none; }
.client-press-thumb img { width: 90px; height: 68px; object-fit: cover; }
.client-press-pub {
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #888;
    margin-bottom: 4px;
}
.client-press-headline {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 13px;
    color: #6383a0;
    line-height: 1.4;
}
.client-press-headline a { color: #6383a0; text-decoration: none; }
.client-press-headline a:hover { text-decoration: underline; }
.client-press-date { font-family: Arial, sans-serif; font-size: 11px; color: #aaa; margin-top: 3px; }

/* ============================================================
   BACK LINK / UTILITIES
   ============================================================ */
.back-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #888888;
    margin-bottom: 20px;
    text-decoration: none;
}
.back-link:hover { color: #6383a0; text-decoration: none; }
.divider { border: none; border-top: 1px solid #e0e0e0; margin: 28px 0; }

/* ============================================================
   PAGINATION
   ============================================================ */
.pagination-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 32px;
    font-family: Arial, sans-serif;
    font-size: 13px;
}
.page-link-btn {
    padding: 5px 11px;
    border: 1px solid #cccccc;
    color: #555555;
    text-decoration: none;
    transition: all 0.15s;
}
.page-link-btn:hover, .page-link-btn.current {
    background: #798fa4;
    border-color: #6383a0;
    color: #ffffff;
    text-decoration: none;
}

/* ============================================================
   FOOTER - #798fa4 background (same as nav)
   Left: copyright text  |  Right: FB/IG icons (plain white)
   ============================================================ */
#site-footer {
    background: #798fa4;
    padding: 22px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-left {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 12px;
    color: rgba(255,255,255,0.85);
    line-height: 1.7;
}
.footer-left a { color: rgba(255,255,255,0.85); text-decoration: none; }
.footer-left a:hover { color: #ffffff; text-decoration: underline; }
.footer-left .pipe { margin: 0 6px; color: rgba(255,255,255,0.5); }
.footer-right {
    display: flex;
    align-items: center;
    gap: 14px;
}
.footer-social-icon {
    color: rgba(255,255,255,0.85);
    font-size: 16px;
    text-decoration: none;
    transition: color 0.15s;
}
.footer-social-icon:hover { color: #ffffff; text-decoration: none; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1100px) {
    .home-content-wrap { grid-template-columns: 1fr 360px; gap: 32px; }
    .press-thumb { width: 150px; height: 120px; }
    .press-thumb img { width: 150px; height: 120px; }
}
@media (max-width: 900px) {
    .home-content-wrap { grid-template-columns: 1fr; }
    .home-sidebar { order: -1; }
    .page-two-col { grid-template-columns: 1fr; }
    .clients-page-grid { grid-template-columns: repeat(2, 1fr); }
    .work-grid { grid-template-columns: repeat(3, 1fr); }
    .about-person-row { grid-template-columns: 220px 1fr; gap: 24px; }
    .press-cards-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    .hero-slide img { height: 50vw; min-height: 240px; max-height: 420px; }
    .press-thumb { float: none; width: 100%; height: auto; margin: 0 0 12px 0; }
    .press-thumb img { width: 100%; height: auto; max-height: 240px; }
    .clients-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .clients-page-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .work-grid { grid-template-columns: repeat(2, 1fr); }
    .instagram-grid { grid-template-columns: repeat(2, 1fr); }
    .about-person-row { grid-template-columns: 1fr; }
    .client-news-grid { grid-template-columns: 1fr; }
    .form-row-split { grid-template-columns: 1fr; }
    .home-content-wrap { padding: 20px 14px 40px; }
    .page-heading-wrap h1 { font-size: 20px; letter-spacing: 2px; }
    #site-footer { flex-direction: column; gap: 12px; text-align: center; }
}
@media (max-width: 479px) {
    .clients-grid { grid-template-columns: 1fr; }
    .clients-page-grid { grid-template-columns: 1fr; }
    .work-grid { grid-template-columns: 1fr 1fr; }
}

/* ============================================================
   CLIENT DETAIL PAGE - v5 additions
   ============================================================ */

/* Nav semi-transparent on client detail pages */
/* Client-detail nav transparency is now handled by the site-wide
   sticky behavior (#site-header.is-stuck) - no page-specific rule needed. */

/* Previous / Next navigation bar */
.client-nav-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    padding: 14px 0 10px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 0;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}
.client-prev-next {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 13px;
    color: #888888;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.client-prev-next:hover { color: #6383a0; text-decoration: none; }
.client-prev-next i { font-size: 11px; }

/* Hero image - centered, constrained width, white margins */
.client-hero-img-wrap {
    max-width: 1010px;
    margin: 20px auto 0;
    padding: 0 20px;
}
.client-hero-img {
    width: 100%;
    height: auto;
    display: block;
}

/* Bio content area */
.client-bio-wrap {
    max-width: 1010px;
    margin: 0 auto;
    padding: 32px 20px 0;
}
.client-bio-subhead {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}
.client-bio-text {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #555555;
}
.client-bio-text p { margin-bottom: 16px; }
.client-bio-text strong { font-weight: bold; }
.client-bio-text em { font-style: italic; }

/* Social icons - small plain inline icons */
.client-social-icons {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 16px 0 24px;
}
.client-social-icon-link {
    color: #6383a0;
    font-size: 20px;
    text-decoration: none;
    transition: color 0.15s;
    display: inline-flex;
    align-items: center;
}
.client-social-icon-link:hover { color: #000000; text-decoration: none; }

/* Media Assets grid - masonry-style variable sizes */
.client-section-heading-wrap {
    max-width: 1010px;
    margin: 36px auto 0;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 0;
}
.client-section-heading-wrap::before,
.client-section-heading-wrap::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #cccccc;
}
.client-section-heading-wrap h2 {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    margin: 0;
    padding: 0 20px;
    white-space: nowrap;
}

.media-assets-grid {
    max-width: 1010px;
    margin: 18px auto 0;
    padding: 0 20px;
    column-count: 3;
    column-gap: 6px;
}
.media-asset-link {
    position: relative;
    display: block;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 6px;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
}
.media-assets-grid img {
    width: 100%;
    height: auto;
    display: block;
}
/* 4th image flows naturally in the grid */

/* Clickable media asset (opens full image in new tab) */
.media-asset-link img { transition: transform 0.3s ease, filter 0.3s ease; }
.media-asset-link:hover img { transform: scale(1.04); filter: brightness(0.85); }
.media-asset-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 22px;
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
}
.media-asset-link:hover .media-asset-overlay { opacity: 1; }

/* Download All button */
.media-assets-actions {
    max-width: 1010px;
    margin: 8px auto 0;
    padding: 0 20px;
    text-align: right;
}
.media-download-all-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #ffffff;
    background: #6383a0;
    padding: 9px 18px;
    text-decoration: none;
    transition: background 0.2s ease;
}
.media-download-all-btn:hover { background: #4f6b80; color: #ffffff; text-decoration: none; }

/* Recent News - 3-column grid, same style as homepage press items */
.client-recent-news-grid {
    max-width: 1010px;
    margin: 18px auto 0;
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
.client-news-item {}
.client-news-item-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    margin-bottom: 12px;
}
.client-news-item-title {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #6383a0;
    line-height: 1.35;
    margin-bottom: 6px;
}
.client-news-item-title a { color: #6383a0; text-decoration: none; }
.client-news-item-title a:hover { text-decoration: underline; color: #000000; }
.client-news-item-meta {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #999999;
    margin-bottom: 8px;
}
.client-news-item-body {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.7;
    color: #555555;
}

/* Recent Press - 3-column grid */
/* Each item: small thumb left + headline right, publication name LARGE below */
.client-recent-press-grid {
    max-width: 1010px;
    margin: 18px auto 0;
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px 28px;
}
.client-press-item-inner {
    display: flex;
    flex-direction: column;
}
.client-press-item-top {
    display: flex;
    gap: 12px;
    margin-bottom: 10px;
}
.client-press-item-thumb {
    flex-shrink: 0;
    width: 115px;
}
.client-press-item-thumb img {
    width: 115px;
    height: 90px;
    object-fit: cover;
    display: block;
}
.client-press-item-headline {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 1.45;
}
/* Publication name: LARGE, Georgia, normal weight, dark gray */
.client-press-item-pub {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 8px;
    line-height: 1.2;
}
.client-press-read-more {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 13px;
    color: #6383a0;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 3px;
}
.client-press-read-more:hover { text-decoration: underline; }

/* Share This Page bar */
.client-share-bar {
    max-width: 1010px;
    margin: 40px auto 0;
    padding: 0 20px;
}
.client-share-bar-inner {
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
}
.client-share-label {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px;
    color: #888888;
}
.client-share-icons {
    display: flex;
    gap: 14px;
}
.client-share-icons a {
    color: #aaaaaa;
    font-size: 15px;
    text-decoration: none;
    transition: color 0.15s;
}
.client-share-icons a:hover { color: #6383a0; }

/* Related Projects */
.client-related-wrap {
    max-width: 1010px;
    margin: 32px auto 0;
    padding: 0 20px 60px;
}
.client-related-heading {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 8px;
    margin-bottom: 18px;
}
.client-related-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
}
.client-related-grid a { display: block; overflow: hidden; }
.client-related-grid img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block;
    transition: opacity 0.2s;
}
.client-related-grid a:hover img { opacity: 0.85; }

@media (max-width: 900px) {
    .client-recent-news-grid { grid-template-columns: repeat(2, 1fr); }
    .client-recent-press-grid { grid-template-columns: repeat(2, 1fr); }
    .client-related-grid { grid-template-columns: repeat(3, 1fr); }
    .media-assets-grid { column-count: 2; }
}
@media (max-width: 600px) {
    .client-recent-news-grid { grid-template-columns: 1fr; }
    .client-recent-press-grid { grid-template-columns: 1fr; }
    .client-related-grid { grid-template-columns: repeat(2, 1fr); }
    .media-assets-grid { column-count: 2; }
    .client-nav-bar { justify-content: space-between; }
}

/* ============================================================

/* ============================================================
   PRESS RELEASES - TIMELINE LAYOUT
   Exact match to adkinsentertainment.com
   All borders/dots/arrows: #ebeaea
   ============================================================ */
.press-timeline-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px 60px;
    position: relative;
}
.press-timeline-line {
    position: absolute;
    top: 0; bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    border-left:  1px solid #ebeaea;
    border-right: 1px solid #ebeaea;
    z-index: 0;
    pointer-events: none;
}
.press-timeline-icon {
    text-align: center;
    position: relative;
    z-index: 2;
    padding: 10px 0 6px;
    color: #ebeaea;
    font-size: 26px;
    clear: both;
}
.press-timeline-clearfix {
    clear: both;
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 20px 0 0;
}
.press-timeline-date {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #555555;
    background-color: #ebeaea;
    display: inline-block;
    padding: 5px 16px;
    margin: 0 auto 16px;
    white-space: nowrap;
    position: relative;
    z-index: 2;
}
.fusion-collapse-month {
    overflow: hidden;
    clear: both;
    position: relative;
}
.fusion-collapse-month::after,
.press-posts-container::after {
    content: '';
    display: table;
    clear: both;
}
.press-timeline-post {
    width: calc(50% - 50px);
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #ebeaea;
    background: #ffffff;
    z-index: 1;
}
.press-timeline-post.left-col  { float: left;  clear: left;  }
.press-timeline-post.right-col { float: right; clear: right; }
.press-timeline-dot {
    position: absolute;
    top: 44px;
    width: 14px; height: 14px;
    background: #ebeaea;
    border-radius: 50%;
    z-index: 3;
}
.press-timeline-post.left-col  .press-timeline-dot { right: -32px; }
.press-timeline-post.right-col .press-timeline-dot { left:  -32px; }
.press-timeline-arrow-right {
    position: absolute;
    top: 40px; right: -12px;
    width: 0; height: 0;
    border-top:    10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left:   12px solid #ebeaea;
    z-index: 2;
}
.press-timeline-arrow-left {
    position: absolute;
    top: 40px; left: -12px;
    width: 0; height: 0;
    border-top:    10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right:  12px solid #ebeaea;
    z-index: 2;
}
.press-timeline-img {
    width: 100%;
    display: block;
    height: auto;
    max-height: 380px;
    object-fit: cover;
}
.press-timeline-body { padding: 30px 25px 20px 25px; }
.press-timeline-title {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.35;
    margin: 0 0 8px;
}
.press-timeline-title a { color: #6383a0; text-decoration: none; }
.press-timeline-title a:hover { color: #000000; text-decoration: underline; }
.press-timeline-meta {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 12px;
    color: #555555;
    margin-bottom: 10px;
    line-height: 1.5;
}
.press-timeline-meta a { color: #6383a0; }
.press-timeline-meta a:hover { color: #000; }
.fusion-inline-sep { margin: 0 5px; color: #aaaaaa; }
.press-timeline-sep {
    border: none;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    height: 3px;
    margin: 10px 0 14px;
}
.press-timeline-excerpt {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.7;
    color: #555555;
    margin: 0 0 12px;
}
.press-timeline-readmore {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 13px;
    color: #6383a0;
    text-decoration: none;
}
.press-timeline-readmore:hover { color: #000000; }
@media (max-width: 767px) {
    .press-timeline-line { display: none; }
    .press-timeline-post,
    .press-timeline-post.left-col,
    .press-timeline-post.right-col {
        width: 100%; float: none; clear: both; margin-bottom: 16px;
    }
    .press-timeline-dot,
    .press-timeline-arrow-right,
    .press-timeline-arrow-left { display: none; }
    .press-timeline-date { display: block; text-align: left; }
}

.clients-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    margin-top: 18px;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 13px;
    color: #555;
    flex-wrap: wrap;
}
.client-page-link {
    color: #6383a0;
    text-decoration: none;
    padding: 2px 6px;
}
.client-page-link:hover { text-decoration: underline; color: #000; }
.clients-pagination .current-page {
    background: #6383a0;
    color: #fff;
    padding: 2px 8px;
    font-size: 12px;
    font-family: 'Montserrat', Arial, sans-serif;
}
.clients-pagination .pipe { color: #cccccc; }

/* ============================================================
   BACK-TO-TOP BUTTON (matches live site Avada to-top)
   ============================================================ */
#toTop {
    position: fixed;
    bottom: 30px;
    right: 75px;
    width: 44px;
    height: 44px;
    background-color: #333333;
    color: #ffffff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-decoration: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease-in-out, background-color 0.2s ease-in-out;
    z-index: 100000;
}
#toTop.to-top-active {
    opacity: 0.9;
    pointer-events: auto;
}
#toTop:hover {
    background-color: #000000;
    color: #ffffff;
    text-decoration: none;
}
@media (max-width: 767px) {
    #toTop { right: 20px; bottom: 20px; }
}


/* ============================================================
   IMPORTED MAILCHIMP PRESS RELEASE BODIES
   Campaign HTML is built as a 600px email table layout. The import
   scrub removes the large fixed widths, but nested tables and
   inline styles still carry them, so these overrides force the
   article to fill the site's content column.
   ============================================================ */
.press-detail-body table {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse;
    table-layout: auto !important;
}
.press-detail-body td,
.press-detail-body th {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 0;
    vertical-align: top;
}
.press-detail-body img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
}
/* anything still carrying an inline pixel width from the email */
.press-detail-body [width],
.press-detail-body [style*="px"] {
    max-width: 100% !important;
}
.press-detail-body a { color: #6383a0; }
.press-detail-body a:hover { color: #000000; }
.press-detail-body h1,
.press-detail-body h2,
.press-detail-body h3 {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 400;
    color: #333333;
    margin: 28px 0 12px;
    line-height: 1.3;
}
/* the two-column artwork/text split common in these releases:
   stack it on narrow screens instead of squeezing */
@media (max-width: 767px) {
    .press-detail-body table,
    .press-detail-body tbody,
    .press-detail-body tr,
    .press-detail-body td {
        display: block !important;
        width: 100% !important;
    }
}