/**
 * @file
 * Law News theme overrides.
 */

/* =====================================================
   BRAND TOKENS
   ===================================================== */

:root {
  --law-news-primary: #003366;
  --law-news-primary-dark: #153252;
  --law-news-primary-light: #0063b3;
  --law-news-accent: #ffcc00;
  --law-news-accent-dark: #ebb806;
  --law-news-text: #303030;
  --law-news-bg-light: #ffffff;

  --font-sans: 'Open Sans', Helvetica, Arial, sans-serif;
  --font-serif: 'Open Sans', Helvetica, Arial, sans-serif;
}

/* =====================================================
   PAGE
   ===================================================== */

body,
.page-wrapper {
  background-color: var(--law-news-bg-light);
  color: var(--law-news-text);
  font-family: var(--font-sans);
}

/* Blue stripe across top */

.page-wrapper {
  border-top: 8px solid var(--law-news-primary);
}

/* =====================================================
   TYPOGRAPHY
   ===================================================== */

h1,
h2,
h3,
h4,
h5,
h6,
.page-title {
  font-family: var(--font-sans);
  font-weight: 800;
  color: var(--law-news-primary-dark);
}

/* =====================================================
   HEADER
   ===================================================== */

.site-header,
.site-header__initial,
.site-header__inner,
.region-header,
.header-top,
.header-nav,
.nav-primary,
.site-branding,
.site-branding__inner {
  background: #ffffff !important;
}

/* Gold rule beneath navigation */

.site-header {
  border-bottom: 3px solid var(--law-news-accent);
}

/* Branding */

.site-branding {
  padding: 2rem;
}

.site-branding__name,
.site-branding__name a {
  color: var(--law-news-primary);
  font-weight: 800;
}

/* =====================================================
   NAVIGATION
   ===================================================== */

.primary-nav__menu-link,
.primary-nav__menu-link:visited {
  color: var(--law-news-primary);
  font-weight: 700;
  text-decoration: none;
}

.primary-nav__menu-link:hover,
.primary-nav__menu-link:focus {
  color: var(--law-news-primary-light);
}

.primary-nav__menu-item--active-trail > .primary-nav__menu-link {
  box-shadow: inset 0 -3px 0 var(--law-news-accent);
}

/* =====================================================
   BUTTONS
   ===================================================== */

.button,
input[type="submit"],
input[type="button"] {
  border-radius: 0;
}

/* =====================================================
   CONTENT AREA
   ===================================================== */

.main-content,
.layout-content,
.region-content {
  background: #ffffff;
}

.region-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}

/* Links */

.views-field-title a,
.node a {
  color: var(--law-news-primary);
}

.views-field-title a:hover,
.node a:hover {
  color: var(--law-news-primary-light);
}

/* =====================================================
   FOOTER
   ===================================================== */

.site-footer,
.site-footer__inner,
.region-footer {
  background: var(--law-news-primary) !important;
  color: #ffffff;
}

.site-footer {
  min-height: 180px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.site-footer a,
.site-footer a:visited {
  color: #ffffff;
}

.site-footer a:hover,
.site-footer a:focus {
  color: var(--law-news-accent);
  text-decoration: underline;
}

/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 768px) {

  .site-branding {
    padding: 1rem;
  }

  .region-content {
    padding: 1rem;
  }

}

@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .site-footer {
    border-inline-start-color: var(--law-news-accent) !important;
  }
}

/* =====================================================
   HOMEPAGE ANNOUNCEMENTS + EVENTS
   ===================================================== */

.path-frontpage .region--content {
  display: flex !important;
  gap: 4rem;
  align-items: flex-start;
}

/* Announcements */
#block-law-news-views-block-categories-list-full-block-2 {
  flex: 1;
  min-width: 0;
}

/* Events */
#block-law-news-views-block-categories-list-full-block-3 {
  flex: 1;
  min-width: 0;
}

/* Hide the empty homepage node */
.path-frontpage article.node--type-page {
  display: none;
}

/* Mobile */

@media (max-width: 768px) {

  .path-frontpage .region--content {
    display: block !important;
  }

  #block-law-news-views-block-categories-list-full-block-2 {
    margin-bottom: 2rem;
  }

}

/* =====================================================
   LAW NEWS CONTENT TYPE
   ===================================================== */

.law-news-article {
  max-width: 850px;
  margin: 0 auto;
}

.law-news-type {
  color: var(--law-news-primary);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: .5rem;
}

.law-news-date {
  color: #666;
  margin-bottom: 1rem;
}

.law-news-title {
  font-size: 2.75rem;
  line-height: 1.15;
  margin-bottom: 1.5rem;
}

.law-news-hero {
  margin: 2rem 0;
}

.law-news-hero img {
  width: 100%;
  height: auto;
}

.law-news-body {
  font-size: 1.125rem;
  line-height: 1.8;
}

.law-news-body p {
  margin-bottom: 1.5rem;
}

.law-news-files {
  border-top: 1px solid #ddd;
  margin-top: 3rem;
  padding-top: 2rem;
}

/* =====================================================
   LAW NEWS DETAIL PAGE
   ===================================================== */

.field--name-field-law-news-rsvp-button a {
display: inline-block;
background: var(--law-news-primary);
color: #fff !important;
padding: .75rem 1.25rem;
font-weight: 700;
text-decoration: none;
border-radius: 4px;
}
 
.field--name-field-law-news-rsvp-button a:hover {
background: var(--law-news-primary-light);
}