body .pm-news-index,
body .pm-period-page {
--pm-navy: #0F223E;
--pm-navy-light: #183B59;
--pm-blue: #175E8B;
--pm-blue-dark: #104A70;
--pm-gold: #A68A4E;
--pm-gold-light: #D5C292;
--pm-text: #303A43;
--pm-muted: #68717A;
--pm-paper: #F6F4EF;
--pm-line: #CCD2D6;
width: 100%;
max-width: 1180px;
margin:
0
auto;
padding:
35px
20px
100px;
font-family:
Arial,
Helvetica,
sans-serif;
} body .pm-news-year {
margin-bottom: 70px;
}
body .pm-news-year-header {
display: flex;
align-items: center;
gap: 25px;
margin-bottom: 22px;
}
body .pm-news-year-header strong {
flex: 0 0 auto;
color:
var(--pm-navy);
font-size:
clamp(
48px,
7vw,
68px
);
font-weight: 900;
line-height: 1;
letter-spacing: -1px;
}
body .pm-news-year-header > span {
flex: 1;
height: 4px;
background:
var(--pm-navy);
} body .pm-news-period-list {
border-top:
1px solid
var(--pm-line);
}
body .pm-news-period-link {
display: grid !important;
grid-template-columns:
100px
1fr
35px;
align-items: center;
gap: 20px;
min-height: 76px;
margin: 0 !important;
padding:
12px
20px !important;
color:
var(--pm-navy) !important;
background:
#FFFFFF !important;
border-bottom:
1px solid
var(--pm-line) !important;
text-decoration:
none !important;
transition:
background .18s ease;
}
body .pm-news-period-year {
color:
var(--pm-gold);
font-size: 19px;
font-weight: 900;
}
body .pm-news-period-name {
color:
var(--pm-navy);
font-size: 23px;
font-weight: 900;
line-height: 1.2;
}
body .pm-news-period-arrow {
color:
var(--pm-blue);
font-size: 28px;
font-weight: 900;
text-align: right;
transition:
transform .18s ease,
color .18s ease;
}
body .pm-news-period-link:hover {
background:
var(--pm-paper) !important;
}
body .pm-news-period-link:hover
.pm-news-period-name {
color:
var(--pm-blue);
}
body .pm-news-period-link:hover
.pm-news-period-arrow {
color:
var(--pm-gold);
transform:
translateX(5px);
} body .pm-period-header {
margin-bottom: 45px;
padding-bottom: 28px;
border-bottom:
4px solid
var(--pm-navy);
}
body .pm-period-back {
display: inline-block !important;
margin-bottom: 35px !important;
color:
var(--pm-blue) !important;
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1.4 !important;
text-decoration:
underline !important;
text-decoration-thickness:
1px !important;
text-underline-offset:
4px;
}
body .pm-period-back:hover {
color:
var(--pm-gold) !important;
}
body .pm-period-small-title {
margin-bottom: 7px;
color:
var(--pm-gold);
font-size: 14px;
font-weight: 900;
letter-spacing: 1.5px;
}
body .pm-period-header h1 {
margin:
0 !important;
color:
var(--pm-navy) !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
clamp(
40px,
6vw,
62px
) !important;
font-weight:
900 !important;
line-height:
1.05 !important;
}
body .pm-period-year {
margin-top: 8px;
color:
var(--pm-gold);
font-size: 27px;
font-weight: 900;
} body .pm-news-card {
display: grid;
grid-template-columns:
minmax(260px, 340px)
minmax(0, 1fr);
gap: 38px;
align-items: start;
padding:
38px
0;
border-bottom:
1px solid
var(--pm-line);
} body .pm-news-card-image {
width: 100%;
}
body .pm-news-card-image > a {
display: block !important;
width: 100%;
overflow: hidden;
text-decoration:
none !important;
}
body .pm-news-card-image img {
display: block;
width: 100%;
height: 220px;
margin: 0;
object-fit: cover;
transition:
transform .25s ease;
}
body .pm-news-card-image a:hover img {
transform:
scale(1.02);
} body .pm-news-no-image {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 220px;
color:
var(--pm-gold-light);
background:
var(--pm-navy);
font-size: 17px;
font-weight: 900;
line-height: 1.4;
letter-spacing: 1px;
text-align: center;
} body .pm-news-card-date {
margin:
0
0
10px;
color:
var(--pm-gold);
font-size: 15px;
font-weight: 900;
line-height: 1.4;
letter-spacing: .5px;
} body .pm-news-card-content h2 {
margin:
0
0
16px !important;
padding: 0 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
27px !important;
font-weight:
900 !important;
line-height:
1.28 !important;
}
body .pm-news-card-content h2 a {
color:
var(--pm-navy) !important;
font-weight:
900 !important;
text-decoration:
none !important;
}
body .pm-news-card-content h2 a:hover {
color:
var(--pm-blue) !important;
} body .pm-news-card-summary {
max-width: 770px;
margin:
0
0
23px !important;
padding: 0 !important;
color:
var(--pm-text) !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
18px !important;
font-weight:
500 !important;
line-height:
1.72 !important;
} body .pm-news-read-more {
display: inline-flex !important;
align-items: center;
gap: 12px;
margin: 0 !important;
padding:
8px
0 !important;
color:
var(--pm-blue) !important;
border-bottom:
2px solid
rgba(23, 94, 139, .40);
font-size:
16px !important;
font-weight:
900 !important;
line-height: 1.2 !important;
text-decoration:
none !important;
}
body .pm-news-read-more strong {
color:
inherit;
font-size: 21px;
transition:
transform .18s ease;
}
body .pm-news-read-more:hover {
color:
var(--pm-gold) !important;
border-color:
var(--pm-gold);
}
body .pm-news-read-more:hover strong {
transform:
translateX(5px);
} body .pm-news-empty {
max-width: 900px;
margin:
30px
auto;
padding: 30px;
color:
var(--pm-navy);
background:
var(--pm-paper);
border:
1px solid
var(--pm-line);
font-size: 17px;
font-weight: 700;
line-height: 1.6;
} @media
(max-width: 850px) {
body .pm-news-card {
grid-template-columns:
220px
minmax(0, 1fr);
gap: 25px;
}
body .pm-news-card-image img {
height: 180px;
}
body .pm-news-no-image {
min-height: 180px;
}
body .pm-news-card-content h2 {
font-size:
23px !important;
}
body .pm-news-card-summary {
font-size:
17px !important;
}
} @media
(max-width: 650px) {
body .pm-news-index,
body .pm-period-page {
padding:
25px
14px
70px;
}
body .pm-news-year-header strong {
font-size:
45px;
}
body .pm-news-period-link {
grid-template-columns:
70px
1fr
24px;
gap: 10px;
min-height: 68px;
padding:
10px
12px !important;
}
body .pm-news-period-year {
font-size:
16px;
}
body .pm-news-period-name {
font-size:
19px;
}
body .pm-news-period-arrow {
font-size:
22px;
} body .pm-news-card {
display: block;
padding:
32px
0;
}
body .pm-news-card-image {
margin-bottom: 23px;
}
body .pm-news-card-image img {
width: 100%;
height: auto;
max-height: 270px;
object-fit: cover;
}
body .pm-news-no-image {
min-height: 190px;
}
body .pm-news-card-date {
font-size:
14px;
}
body .pm-news-card-content h2 {
font-size:
22px !important;
line-height:
1.3 !important;
}
body .pm-news-card-summary {
font-size:
17px !important;
line-height:
1.68 !important;
}
body .pm-news-read-more {
font-size:
16px !important;
}
}