:root{
  --navy:#071a3a;
  --navy-2:#0b2147;
  --red:#d90b32;
  --ink:#081631;
  --muted:#667085;
  --line:#dfe3e8;
  --cream:#f4f1e9;
  --white:#fff;
  --serif:"Roboto",Arial,sans-serif;
  --sans:"Roboto",Arial,sans-serif;
}


*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:var(--sans);font-size:16px;line-height:1.45}
img{display:block;width:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.container{width:min(1180px,calc(100% - 48px));margin:auto}
.breaking {
    transition: all 0.3s ease;
}

.breaking.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: all 0.3s ease;
}
.topbar{background:var(--navy);color:#fff;font-size:14px;height:31px}
.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;opacity:.95}
.site-header{height:116px;border-bottom:1px solid #9aa2ae;background:#fff}
.header-inner{height:100%;display:flex;align-items:center;gap:42px}
.brand{display:flex;align-items:center;gap:9px;min-width:220px}
.brand-mark{width:31px;height:31px;display:grid;place-items:center;background:var(--navy);color:#f0bf00;font-size:17px}
.brand strong{display:block;font-family:var(--serif);font-size:20px;line-height:1}
.brand small{display:block;font-size:14px;letter-spacing:1.8px;margin-top:3px}
.main-nav{display:flex;gap:30px;align-items:center;flex:1;justify-content:center}
.main-nav a{font-size:14px;font-weight:700;letter-spacing:.2px}
.main-nav a:hover,.topic-nav a:hover{color:var(--red)}
.header-actions{display:flex;align-items:center;gap:12px}
.search{border:1px solid var(--line);border-radius:50%;width:30px;height:30px;background:#fff;font-size:18px;line-height:1;cursor:pointer}
.button{border:0;cursor:pointer;padding:10px 18px;font-size:16px;font-weight:700;letter-spacing:.2px;display:inline-block}
.button-red{background:var(--red);color:#fff}
.full{width:100%}

.breaking{background:#f4f1e9;border-bottom:1px solid #d8d4cb}
.breaking-inner{height:29px;display:flex;align-items:center;gap:13px;white-space:nowrap;overflow:hidden}
.breaking-label{background:var(--red);color:#fff;font-size:14px;font-weight:700;padding:4px 9px}
.breaking p{margin:0;font-size:15px;overflow:hidden;text-overflow:ellipsis}

.hero-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(270px,1fr);gap:26px;padding:35px 0 25px}
.hero-card{height:345px;position:relative;overflow:hidden;background:#10233c}
.hero-card img{height:100%;filter:brightness(.65)}
.hero-overlay{position:absolute;left:20px;right:20px;bottom:20px;color:#fff}
.tag{color:var(--red);font-size:15px;font-weight:800;letter-spacing:.3px;display:block;margin-bottom:5px}
.hero-overlay .tag{display:inline-block;background:var(--red);color:#fff;padding:5px 7px}
.hero-overlay h1{font-family:var(--serif);font-size:36px;line-height:1.15;max-width:760px;margin:5px 0 10px;text-shadow:0 1px 4px #000}
.byline{font-size:15px;display:flex;align-items:center}
.avatar{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#f04;color:#fff;margin-right:5px}
.hero-secondary{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:18px}
.mini-story{display:grid;grid-template-columns:95px 1fr;gap:12px}
.mini-story img{height:78px}
.mini-story h3{font-family:var(--serif);font-size:18px;line-height:1.25;margin:0}

.trending{border-left:1px solid var(--line);padding-left:25px}
.section-heading{border-left:3px solid var(--red);min-height:26px;display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;padding-left:10px}
.section-heading h2{font-family:var(--serif);font-size:30px;line-height:1.2;margin:0}
.section-heading a{color:var(--red);font-size:15px}
.section-heading.compact{border:0;padding-left:0;margin-bottom:8px}
.section-heading.compact span{color:var(--red);font-size:15px}
.trending ol{list-style:none;padding:0;margin:0}
.trending li{display:grid;grid-template-columns:28px 1fr;gap:5px;margin:0 0 12px}
.trending li span{font-family:var(--serif);font-size:14px;color:#d9dde4}
.trending li a{
  font-family:var(--serif);
  font-size:16px;
  line-height:27px;
}
.brief-card{background:var(--navy);color:#fff;padding:20px 17px;margin-top:16px}
.envelope{color:#f4c400;font-size:16px}
.brief-card h3{font-family:var(--serif);font-size:24px;margin:8px 0 4px}
.brief-card p{font-family:var(--serif);font-size:16px;margin:0 0 12px;color:#dfe5ee}
.brief-card input{width:100%;border:0;background:#fff;padding:8px;color:#222;margin-bottom:8px;font-size:16px}

.topic-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:48px;display:flex;align-items:center;gap:21px;overflow:auto;white-space:nowrap}
.topic-nav a{font-size:15px;font-weight:700}
.topic-nav .active{color:var(--red)}

.section{padding:30px 0 8px}
.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.news-card{border:1px solid var(--line);padding-bottom:13px}
.news-card img{height:145px}
.news-card .tag,.news-card h3,.news-card small{margin-left:12px;margin-right:12px}
.news-card .tag{margin-top:12px}
.news-card h3{font-family:var(--serif);font-size:18px;line-height:1.25;margin-top:0;margin-bottom:8px}
.news-card small{font-size:13px;color:#6e7786}

.content-split{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.92fr);gap:28px;padding-top:22px}
.analysis-card{background:var(--cream);display:grid;grid-template-columns:1.05fr 1fr;gap:20px;padding:18px}
.analysis-card img{height:175px}
.badge{background:var(--navy);color:#fff;padding:4px 6px;font-size:12px;font-weight:700}
.analysis-card h2{font-family:var(--serif);font-size:26px;line-height:1.2;margin:9px 0}
.analysis-card p{font-size:16px;color:#555f6d;margin:0 0 9px}
.analysis-card a{font-size:14px;color:var(--red);font-weight:700}
.analysis-list{margin-top:17px}
.analysis-list article{display:grid;grid-template-columns:65px 1fr 45px;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}
.analysis-list img{height:55px}
.analysis-list b{font-size:12px;color:var(--red);display:block}
.analysis-list strong{font-family:var(--serif);font-size:16px;line-height:1.25;display:block}
.analysis-list time{font-size:12px;color:#87909d;text-align:right}

.voice{display:flex;gap:9px;margin:0 0 13px}
.voice img{width:34px;height:34px;border-radius:50%}
.voice small{font-size:12px;color:#5e6774}
.voice h3{font-family:var(--serif);font-size:16px;line-height:1.25;margin:1px 0}
.sponsor{min-height:205px;margin-top:18px;padding:30px 20px;background:linear-gradient(135deg,var(--navy),#132d55);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}
.sponsor:after{content:"";position:absolute;width:180%;height:70px;transform:rotate(-18deg);border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.12);bottom:-10px}
.sponsor small,.sponsor h3,.sponsor a{position:relative;z-index:1}
.sponsor small{font-size:12px}
.sponsor h3{font-family:var(--serif);font-size:22px;line-height:1.25;max-width:220px}
.sponsor .button{font-size:13px}

.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.video-card{height:195px;position:relative;overflow:hidden;background:#111}
.video-card img{height:100%;filter:brightness(.72)}
.video-card strong{position:absolute;bottom:10px;left:12px;color:#fff;font-family:var(--serif);font-size:16px;line-height:1.25}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#fff;color:var(--red);display:grid;place-items:center;font-size:13px;padding-left:2px}

.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.event-grid article{border:1px solid var(--line);display:flex;align-items:center;gap:13px;padding:12px}
.date{width:43px;height:43px;flex:none;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.date b{font-family:var(--serif);font-size:16px;line-height:1}
.date small{font-size:11px}
.event-grid h3{font-family:var(--serif);font-size:16px;line-height:1.25;margin:0 0 4px}
.event-grid small{font-size:12px;color:#657080}

.chart-card{background:var(--cream);padding:28px 35px 22px}
.chart-card h3{text-align:center;font-family:var(--serif);font-size:18px;margin:0 0 12px}
.chart{position:relative;padding-left:35px}
.chart svg{display:block;width:100%;height:205px;color:var(--red);overflow:visible}
.chart .line-two{color:var(--navy)}
.gridlines line{stroke:#dcd7cd;stroke-width:1;opacity:.7}
.y-labels{position:absolute;left:0;top:0;height:205px;display:flex;flex-direction:column;justify-content:space-between;font-size:12px}
.months{display:flex;justify-content:space-between;font-size:12px;margin-top:2px}
.legend{display:flex;gap:22px;font-size:13px;margin-top:15px}
.legend i{display:inline-block;width:18px;height:2px;background:var(--red);vertical-align:middle;margin-right:5px}
.legend span+span i{background:var(--navy)}

.newsletter{background:var(--navy);color:#fff;text-align:center;margin:38px 0 55px;padding:42px 25px;position:relative;overflow:hidden}
.newsletter:after{content:"";position:absolute;right:-90px;top:-120px;width:270px;height:390px;transform:rotate(43deg);border-left:12px solid rgba(255,255,255,.07);border-right:12px solid rgba(255,255,255,.05)}
.newsletter>*{position:relative;z-index:1}
.newsletter-icon{color:#f4c400;font-size:17px}
.newsletter h2{font-family:var(--serif);font-size:28px;margin:5px 0}
.newsletter p{font-family:var(--serif);font-size:16px;max-width:600px;margin:0 auto 14px;color:#e2e6ed}
.newsletter form{display:flex;justify-content:center;gap:8px}
.newsletter input{width:210px;padding:10px;border:0;font-size:16px}
.newsletter button{font-size:13px}
.newsletter>small{font-size:12px;display:block;margin-top:9px;color:#c7d0de}

.site-footer{background:var(--navy);color:#fff;padding:45px 0 20px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px}
.footer-brand{min-width:0;color:#fff;margin-bottom:14px}
.footer-brand .brand-mark{background:#142b4f}
.footer-brand strong{font-size:16px}
.footer-about p{max-width:310px;color:#aeb9c9;font-size:14px;line-height:1.6}
.social{font-size:14px;color:#dce2ea}
.footer-grid h4{font-family:var(--serif);font-size:16px;margin:0 0 10px}
.footer-grid>div:not(.footer-about) a{display:block;color:#aeb9c9;font-size:13px;margin:7px 0}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:25px;padding-top:14px;display:flex;justify-content:space-between;color:#7f8da2;font-size:12px}

@media (max-width:900px){
  .header-inner{gap:15px}.main-nav{gap:14px}.brand{min-width:auto}.brand small{display:none}
  .hero-grid,.content-split{grid-template-columns:1fr}
  .trending{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}
  .news-grid{grid-template-columns:repeat(2,1fr)}
  .executive{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.executive .section-heading,.executive .sponsor{grid-column:1/-1}
  .video-grid,.event-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:2fr 1fr 1fr}
  .footer-grid>div:last-child{grid-column:2}
}
@media (max-width:650px){
  .container{width:min(100% - 28px,1180px)}
  .topbar-inner>div:last-child{display:none}
  .site-header{height:auto}.header-inner{padding:12px 0;flex-wrap:wrap}
  .main-nav{order:3;width:100%;justify-content:flex-start;overflow:auto;padding-bottom:3px}
  .main-nav a{font-size:13px}
  .header-actions{margin-left:auto}
  .hero-grid{padding-top:20px}.hero-card{height:290px}.hero-overlay h1{font-size:28px}
  .hero-secondary{grid-template-columns:1fr}.mini-story{grid-template-columns:90px 1fr}
  .topic-nav{gap:15px}
  .news-grid{grid-template-columns:1fr}
  .analysis-card{grid-template-columns:1fr}.analysis-card img{height:180px}
  .executive{display:block}
  .video-card{height:180px}
  .newsletter form{flex-direction:column;align-items:center}.newsletter input,.newsletter button{width:min(100%,280px)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-about{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}
  .footer-bottom{flex-direction:column;gap:6px}
  .chart-card{padding:22px 12px}.chart{padding-left:25px}
}
.header-actions {
    position: relative;
}

.search-btn {
    background: none;
    border: 0;
    font-size: 28px;
    cursor: pointer;
    color: #071a3a;
}

.search-form {
    display: none;
    position: absolute;
    right: 0;
    top: 45px;
    width: 300px;
    background: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    box-shadow: 0 5px 20px rgba(0,0,0,0.12);
    z-index: 999;
}

.search-form.show {
    display: flex;
}

.search-form input {
    flex: 1;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #ddd;
    outline: none;
    font-size: 14px;
}

.search-form button {
    height: 42px;
    padding: 0 18px;
    border: 0;
    background: #071a3a;
    color: #fff;
    cursor: pointer;
}



/* =========================================================
   ERP NEWS - SINGLE BLOG PAGE
========================================================= */


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

.erp-single-page {
    background: #ffffff;
}

.erp-single-content-section {
    padding: 60px 0 90px;
}


/* =========================================================
   CONTAINER
========================================================= */

.erp-container {
    width: 100%;
    max-width: 1240px;

    margin-left: auto;
    margin-right: auto;

    padding-left: 20px;
    padding-right: 20px;
}


/* =========================================================
   MAIN GRID
========================================================= */

.erp-single-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        350px;

    gap: 55px;

    align-items: start;
}


/* =========================================================
   LEFT ARTICLE
========================================================= */

.erp-article {
    width: 100%;
    min-width: 0;
}


/* =========================================================
   CATEGORY
========================================================= */

.erp-post-category {
    display: inline-block;

    margin-bottom: 14px;

    color: #d90b32;

    font-family: "DM Sans", Arial, sans-serif;

    font-size: 13px;
    line-height: 1;

    font-weight: 800;

    letter-spacing: .8px;

    text-transform: uppercase;

    text-decoration: none;
}

.erp-post-category:hover {
    color: #071a3a;
}


/* =========================================================
   TITLE
========================================================= */

.erp-post-title {
    max-width: 1000px;

    margin: 0;

    color: #071a3a;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: clamp(
        38px,
        4.2vw,
        58px
    );

    line-height: 1.08;

    font-weight: 700;

    letter-spacing: -1.2px;
}


/* =========================================================
   META
========================================================= */

.erp-post-meta {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 20px;

    margin-bottom: 32px;

    color: #667085;

    font-family:
        "DM Sans",
        Arial,
        sans-serif;

    font-size: 14px;

    line-height: 1.5;
}

.erp-meta-separator {
    color: #b0b7c3;
}


/* =========================================================
   FEATURED IMAGE
========================================================= */

.erp-single-featured-image {
    width: 100%;

    margin: 0 0 30px;

    overflow: hidden;

    border-radius: 5px;

    background: #f1f3f5;
}

.erp-single-featured-image img {
    display: block;

    width: 100%;

    height: auto;

    max-width: 100%;

    border-radius: 5px;
}


/* =========================================================
   EXCERPT
========================================================= */

.erp-excerpt {
    margin-bottom: 25px;

    padding-left: 20px;

    border-left: 4px solid #d90b32;

    color: #475467;

    font-family:
        "DM Sans",
        Arial,
        sans-serif;

    font-size: 19px;

    line-height: 1.7;

    font-weight: 500;
}


/* =========================================================
   SHARE
========================================================= */

.erp-share-row {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

    margin-bottom: 35px;

    padding: 16px 0;

    border-top: 1px solid #e4e7ec;

    border-bottom: 1px solid #e4e7ec;
}

.erp-share-label {
    margin-right: 5px;

    color: #071a3a;

    font-size: 13px;

    font-weight: 700;
}

.erp-share-btn {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 34px;

    padding: 0 13px;

    border: 1px solid #dfe3e8;

    border-radius: 3px;

    background: #fff;

    color: #344054;

    font-family:
        "DM Sans",
        Arial,
        sans-serif;

    font-size: 12px;

    font-weight: 600;

    text-decoration: none;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}

.erp-share-btn:hover {
    background: #071a3a;

    border-color: #071a3a;

    color: #fff;
}


/* =========================================================
   ARTICLE BODY
========================================================= */

.erp-article-content {
    color: #1d2939;

    font-family:
        "DM Sans",
        Arial,
        sans-serif;

    font-size: 18px;

    line-height: 1.85;
}

.erp-article-content > * {
    max-width: 100%;
}

.erp-article-content p {
    margin-top: 0;

    margin-bottom: 26px;
}

.erp-article-content a {
    color: #d90b32;

    text-decoration: underline;

    text-decoration-thickness: 1px;

    text-underline-offset: 3px;
}

.erp-article-content a:hover {
    color: #071a3a;
}


/* =========================================================
   HEADINGS INSIDE ARTICLE
========================================================= */

.erp-article-content h2 {
    margin-top: 48px;

    margin-bottom: 20px;

    color: #071a3a;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 32px;

    line-height: 1.25;

    font-weight: 700;
}

.erp-article-content h3 {
    margin-top: 38px;

    margin-bottom: 16px;

    color: #071a3a;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 25px;

    line-height: 1.3;

    font-weight: 700;
}

.erp-article-content h4 {
    margin-top: 30px;

    margin-bottom: 12px;

    color: #071a3a;

    font-size: 20px;
}


/* =========================================================
   LISTS
========================================================= */

.erp-article-content ul,
.erp-article-content ol {
    margin-top: 0;

    margin-bottom: 28px;

    padding-left: 25px;
}

.erp-article-content li {
    margin-bottom: 9px;
}


/* =========================================================
   IMAGES
========================================================= */

.erp-article-content img {
    display: block;

    max-width: 100%;

    height: auto;

    margin-top: 30px;

    margin-bottom: 30px;

    border-radius: 4px;
}


/* =========================================================
   BLOCKQUOTE
========================================================= */

.erp-article-content blockquote {
    margin: 35px 0;

    padding: 22px 25px;

    border-left: 4px solid #d90b32;

    background: #f6f7f9;

    color: #344054;

    font-size: 20px;

    line-height: 1.7;
}


/* =========================================================
   TABLE
========================================================= */

.erp-article-content table {
    width: 100%;

    margin: 30px 0;

    border-collapse: collapse;

    font-size: 15px;
}

.erp-article-content th,
.erp-article-content td {
    padding: 12px;

    border: 1px solid #dfe3e8;

    text-align: left;
}

.erp-article-content th {
    background: #f4f6f8;

    color: #071a3a;

    font-weight: 700;
}


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

.erp-page-links {
    display: flex;

    gap: 8px;

    margin-top: 35px;
}

.erp-page-links a,
.erp-page-links span {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 35px;

    height: 35px;

    padding: 0 10px;

    border: 1px solid #dfe3e8;

    color: #071a3a;

    text-decoration: none;
}


/* =========================================================
   TAGS
========================================================= */

.erp-post-tags {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

    margin-top: 45px;

    padding-top: 25px;

    border-top: 1px solid #e4e7ec;
}

.erp-tags-title {
    margin-right: 5px;

    color: #071a3a;

    font-size: 13px;

    font-weight: 700;
}

.erp-post-tags a {
    display: inline-block;

    padding: 7px 11px;

    border-radius: 3px;

    background: #f4f1e9;

    color: #344054;

    font-size: 12px;

    text-decoration: none;

    transition:
        background .2s ease,
        color .2s ease;
}

.erp-post-tags a:hover {
    background: #071a3a;

    color: #fff;
}


/* =========================================================
   AUTHOR BOX
========================================================= */

.erp-author-box {
    display: flex;

    gap: 20px;

    margin-top: 45px;

    padding: 25px;

    border: 1px solid #e4e7ec;

    border-radius: 5px;

    background: #f8f9fa;
}

.erp-author-avatar {
    flex: 0 0 80px;
}

.erp-author-avatar img {
    display: block;

    width: 80px;

    height: 80px;

    border-radius: 50%;
}

.erp-author-info {
    min-width: 0;
}

.erp-author-label {
    display: block;

    margin-bottom: 5px;

    color: #d90b32;

    font-size: 11px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: .6px;
}

.erp-author-info h3 {
    margin: 0 0 8px;

    color: #071a3a;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 23px;
}

.erp-author-info p {
    margin: 0;

    color: #667085;

    font-size: 14px;

    line-height: 1.7;
}


/* =========================================================
   RIGHT SIDEBAR
   STICKY
========================================================= */

.erp-sidebar {
    position: sticky;

    top: 100px;

    align-self: start;

    width: 100%;
}


/* =========================================================
   SIDEBAR BOX
========================================================= */

.erp-sidebar-box {
    margin-bottom: 25px;

    padding: 22px;

    border: 1px solid #e2e6ea;

    border-radius: 4px;

    background: #fff;
}


/* =========================================================
   SIDEBAR TITLE
========================================================= */

.erp-sidebar-title {
    position: relative;

    margin: 0 0 20px;

    padding-bottom: 12px;

    color: #071a3a;

    font-family:
        "DM Sans",
        Arial,
        sans-serif;

    font-size: 20px;

    line-height: 1.3;

    font-weight: 800;
}

.erp-sidebar-title::after {
    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 42px;

    height: 3px;

    background: #d90b32;
}


/* =========================================================
   SEARCH
========================================================= */

.erp-search-form {
    display: flex;

    width: 100%;
}

.erp-search-form input {
    width: 100%;

    min-width: 0;

    height: 43px;

    padding: 0 12px;

    border: 1px solid #dfe3e8;

    border-right: 0;

    border-radius: 3px 0 0 3px;

    outline: none;

    background: #fff;

    color: #344054;

    font-family:
        "DM Sans",
        Arial,
        sans-serif;

    font-size: 13px;
}

.erp-search-form input:focus {
    border-color: #071a3a;
}

.erp-search-form button {
    flex: 0 0 auto;

    height: 43px;

    padding: 0 15px;

    border: 0;

    border-radius: 0 3px 3px 0;

    background: #071a3a;

    color: #fff;

    font-size: 12px;

    font-weight: 700;

    cursor: pointer;
}

.erp-search-form button:hover {
    background: #d90b32;
}


/* =========================================================
   AI BOX
========================================================= */

.erp-ai-box {
    position: relative;

    overflow: hidden;

    background: #071a3a;

    border-color: #071a3a;

    color: #fff;
}

.erp-ai-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 42px;

    height: 42px;

    margin-bottom: 15px;

    border-radius: 50%;

    background: #d90b32;

    color: #fff;

    font-size: 13px;

    font-weight: 800;
}

.erp-ai-box h3 {
    margin: 0 0 10px;

    color: #fff;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 23px;

    line-height: 1.25;
}

.erp-ai-box p {
    margin: 0 0 16px;

    color: #cbd5e1;

    font-size: 13px;

    line-height: 1.7;
}

.erp-ai-box > a {
    color: #fff;

    font-size: 13px;

    font-weight: 700;

    text-decoration: none;
}

.erp-ai-box > a:hover {
    color: #d90b32;
}


/* =========================================================
   RELATED / RECENT POSTS
========================================================= */

.erp-recent-posts {
    display: flex;

    flex-direction: column;
}

.erp-recent-item {
    display: grid;

    grid-template-columns: 92px minmax(0, 1fr);

    gap: 13px;

    padding: 15px 0;

    border-bottom: 1px solid #edf0f3;
}

.erp-recent-item:first-child {
    padding-top: 0;
}

.erp-recent-item:last-child {
    padding-bottom: 0;

    border-bottom: 0;
}


/* THUMB */

.erp-recent-thumb {
    display: block;

    width: 92px;

    height: 70px;

    overflow: hidden;

    border-radius: 3px;

    background: #f1f3f5;
}

.erp-recent-thumb img {
    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform .3s ease;
}

.erp-recent-thumb:hover img {
    transform: scale(1.06);
}


/* PLACEHOLDER */

.erp-recent-placeholder {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    background: #071a3a;

    color: #fff;

    font-size: 11px;

    font-weight: 800;
}


/* POST INFO */

.erp-recent-content {
    min-width: 0;
}

.erp-recent-date {
    display: block;

    margin-bottom: 5px;

    color: #98a2b3;

    font-size: 10px;

    line-height: 1.2;
}

.erp-recent-content h4 {
    margin: 0;

    font-family:
        "DM Sans",
        Arial,
        sans-serif;

    font-size: 14px;

    line-height: 1.4;

    font-weight: 700;
}

.erp-recent-content h4 a {
    display: block;

    overflow: hidden;

    color: #071a3a;

    text-decoration: none;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;
}

.erp-recent-content h4 a:hover {
    color: #d90b32;
}


/* =========================================================
   CATEGORIES
========================================================= */

.erp-category-list {
    margin: 0;

    padding: 0;

    list-style: none;
}

.erp-category-list li {
    margin: 0;

    padding: 0;
}

.erp-category-list li a {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    padding: 11px 0;

    border-bottom: 1px solid #edf0f3;

    color: #344054;

    font-size: 13px;

    text-decoration: none;

    transition: color .2s ease;
}

.erp-category-list li:last-child a {
    border-bottom: 0;
}

.erp-category-list li a:hover {
    color: #d90b32;
}

.erp-category-list li a span:last-child {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 25px;

    height: 22px;

    padding: 0 6px;

    border-radius: 12px;

    background: #f2f4f7;

    color: #667085;

    font-size: 10px;
}


/* =========================================================
   NEWSLETTER
========================================================= */

.erp-newsletter-box {
    background: #f4f1e9;

    border-color: #e5dfd0;
}

.erp-newsletter-label {
    display: block;

    margin-bottom: 8px;

    color: #d90b32;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .8px;
}

.erp-newsletter-box h3 {
    margin: 0 0 10px;

    color: #071a3a;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 23px;

    line-height: 1.25;
}

.erp-newsletter-box p {
    margin: 0 0 18px;

    color: #667085;

    font-size: 13px;

    line-height: 1.6;
}

.erp-newsletter-form {
    display: flex;

    flex-direction: column;

    gap: 8px;
}

.erp-newsletter-form input {
    width: 100%;

    height: 42px;

    padding: 0 12px;

    border: 1px solid #d6d0c1;

    border-radius: 3px;

    outline: none;

    background: #fff;

    font-size: 13px;
}

.erp-newsletter-form button {
    height: 42px;

    border: 0;

    border-radius: 3px;

    background: #071a3a;

    color: #fff;

    font-size: 12px;

    font-weight: 700;

    cursor: pointer;
}

.erp-newsletter-form button:hover {
    background: #d90b32;
}


/* =========================================================
   RELATED STORIES
========================================================= */

.erp-related-section {
    padding: 70px 0 90px;

    border-top: 1px solid #e4e7ec;

    background: #f8f9fa;
}

.erp-section-heading {
    margin-bottom: 30px;
}

.erp-section-heading > span {
    display: block;

    margin-bottom: 8px;

    color: #d90b32;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .8px;
}

.erp-section-heading h2 {
    margin: 0;

    color: #071a3a;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 36px;

    line-height: 1.2;
}


/* RELATED GRID */

.erp-related-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 25px;
}


/* CARD */

.erp-related-card {
    overflow: hidden;

    border: 1px solid #e1e5e9;

    border-radius: 4px;

    background: #fff;
}


/* IMAGE */

.erp-related-image {
    display: block;

    width: 100%;

    height: 210px;

    overflow: hidden;

    background: #071a3a;
}

.erp-related-image img {
    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform .35s ease;
}

.erp-related-card:hover
.erp-related-image img {
    transform: scale(1.04);
}

.erp-related-placeholder {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    color: #fff;

    font-size: 13px;

    font-weight: 800;
}


/* CARD BODY */

.erp-related-body {
    padding: 20px;
}

.erp-related-category {
    display: block;

    margin-bottom: 8px;

    color: #d90b32;

    font-size: 10px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: .6px;
}

.erp-related-body h3 {
    margin: 0 0 12px;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 21px;

    line-height: 1.3;
}

.erp-related-body h3 a {
    color: #071a3a;

    text-decoration: none;
}

.erp-related-body h3 a:hover {
    color: #d90b32;
}

.erp-related-meta {
    color: #98a2b3;

    font-size: 11px;
}


/* =========================================================
   EMPTY
========================================================= */

.erp-empty {
    margin: 0;

    color: #98a2b3;

    font-size: 13px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .erp-single-grid {
        grid-template-columns:
            minmax(0, 1fr)
            310px;

        gap: 35px;
    }

    .erp-post-title {
        font-size: 46px;
    }

}


/* =========================================================
   MOBILE / TABLET
========================================================= */

@media (max-width: 991px) {

    .erp-single-content-section {
        padding: 45px 0 65px;
    }


    .erp-single-grid {
        display: grid;

        grid-template-columns: 1fr;

        gap: 50px;
    }


    /*
     * Sticky disabled on mobile
     * because sidebar comes below article
     */

    .erp-sidebar {
        position: static;

        top: auto;
    }


    .erp-related-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .erp-container {
        padding-left: 16px;
        padding-right: 16px;
    }


    .erp-single-content-section {
        padding: 35px 0 55px;
    }


    .erp-post-category {
        font-size: 11px;

        margin-bottom: 12px;
    }


    .erp-post-title {
        font-size: 34px;

        line-height: 1.12;

        letter-spacing: -.6px;
    }


    .erp-post-meta {
        gap: 7px;

        margin-top: 15px;

        margin-bottom: 25px;

        font-size: 12px;
    }


    .erp-single-featured-image {
        margin-bottom: 25px;
    }


    .erp-excerpt {
        padding-left: 15px;

        font-size: 17px;

        line-height: 1.65;
    }


    .erp-article-content {
        font-size: 16px;

        line-height: 1.75;
    }


    .erp-article-content h2 {
        margin-top: 38px;

        font-size: 27px;
    }


    .erp-article-content h3 {
        font-size: 22px;
    }


    .erp-share-row {
        margin-bottom: 28px;
    }


    .erp-author-box {
        gap: 15px;

        padding: 18px;
    }


    .erp-author-avatar {
        flex: 0 0 60px;
    }


    .erp-author-avatar img {
        width: 60px;

        height: 60px;
    }


    .erp-author-info h3 {
        font-size: 20px;
    }


    .erp-related-section {
        padding: 50px 0 60px;
    }


    .erp-section-heading h2 {
        font-size: 30px;
    }


    .erp-related-grid {
        grid-template-columns: 1fr;

        gap: 20px;
    }


    .erp-related-image {
        height: 200px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .erp-post-title {
        font-size: 30px;
    }


    .erp-post-meta {
        align-items: flex-start;

        flex-direction: column;

        gap: 4px;
    }


    .erp-meta-separator {
        display: none;
    }


    .erp-recent-item {
        grid-template-columns: 85px minmax(0, 1fr);

        gap: 11px;
    }


    .erp-recent-thumb {
        width: 85px;

        height: 68px;
    }


    .erp-sidebar-box {
        padding: 18px;
    }

}