/* ==========================================================================
   1. CORE VARIABLES & GLOBAL DESIGN TOKENS
   ========================================================================== */
:root {
    --navy-blue: #0A1931;
    --primary-blue: #1D4E89;       
    --dark-navy: #071426;       
    --accent-red: #C62828;      
    --subtle-blue: #F4F7FC;     
    --pure-white: #FFFFFF;     
    --serif-heading: 'Cormorant Garamond', 'Times New Roman', Times, serif;
    --sans-body: 'Inter', system-ui, -apple-system, sans-serif;
}
body{
    font-family:var(--sans-body);
    color:#1E293B;
    background:#FAFCFF;
    line-height:1.7;
}
h1,h2,h3,h4,h5,h6{
    line-height:1.25;
}
h1, .sp-heading-1 {
  /* Typography */
  font-family: 'Cardo', Georgia, "Times New Roman", serif;
  font-size: clamp(1.875rem, 4vw, 2.75rem); /* Responsive sizing: min ~30px, max 44px */
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
  
  /* Color & Spacing */
  color: #FFF; /* Deep Navy */
  margin-top: 0;
  margin-bottom: 1.25rem;
  
  /* Layout & Protection */
  text-wrap: balance; /* Prevents single "orphan" words on new lines */
  overflow-wrap: anywhere;
}
.h1-sub {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.5em;
    font-weight: 500;
    line-height: 1.4;
    color: #fff;
    letter-spacing: 0.02em;
    font-family: inherit;
}
/* Typography Utility Mappings */
.font-cinzel {

    margin: 0 0 0.8em;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
    font-size: clamp(2rem, 4vw, 2rem);
    font-family: var(--serif-heading); 
    color: #0A1931; 
    margin-bottom: 10px; 

}
.font-second {

    margin: 0 0 0.8em;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    font-size: clamp(1.2rem, 4vw, 1.6rem);
    font-family: var(--serif-heading); 
    color: #0A1931; 
    margin-bottom: 10px; 

}
.font-third {

    margin: 0 0 0.8em;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    font-size: clamp(1.2rem, 4vw, 1.4rem);
    font-family: var(--serif-heading); 
    color: #0A1931; 
    margin-bottom: 10px; 

}
.font-sans { font-family: var(--sans-body); }
.font-xs { font-size: 0.875rem !important; }
.italic-xs { font-style: italic; }
.leading-tight { line-height: 1.15; }
.tracking-wide { letter-spacing: 0.07rem; }
.tracking-wider { letter-spacing: 0.08rem; }

/* Global Brand Background & Text Colors */
.bg-navy { background-color: var(--navy-blue) !important; }
.bg-dark-blue { background-color: var(--dark-navy) !important; }
.text-navy { color: var(--navy-blue) !important; }

.max-width-xl { max-width: 860px; }
.z-index-10 { z-index: 10; }
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

/* ==========================================================================
   2. REFINED ACADEMIC NAVBAR LAYOUT SYSTEM
   ========================================================================== */
.navbar {
    border-bottom: 2px solid var(--subtle-blue);
    z-index: 1030;

}

.navbar-logo {
    height: 185px;
    width: auto;
    object-fit: contain;
    display: block;
}


.custom-nav-links {
    gap: 1rem;          
}

.custom-nav-links .nav-link {
    font-size: 0.92rem !important;
    letter-spacing: 0.035rem;
    color: #475569 !important; 
    padding: 0.4rem 0 !important;
    position: relative;
    transition: color 0.2s ease-in-out;
    font-weight: 500;
}

/* Animated Underline Effect exclusively for standard single links */
.custom-nav-links .nav-link:not(.dropdown-toggle):not(.btn-submit-nav):not(.btn-contact-nav)::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: var(--accent-red);
    transition: width 0.2s ease-in-out;
}

.custom-nav-links .nav-link:not(.dropdown-toggle):not(.btn-submit-nav):not(.btn-contact-nav):hover::after,
.custom-nav-links .nav-link:not(.dropdown-toggle):not(.btn-submit-nav):not(.btn-contact-nav).active::after {
    width: 100%;
}

.custom-nav-links .nav-link:hover,
.custom-nav-links .nav-link.active {
    color: var(--accent-red) !important;
}

/* ==========================================================================
   3. PERFECT DROPDOWN ARCHITECTURE & RIGHT CARET INDICATOR
   ========================================================================== */
.custom-nav-links .dropdown-toggle{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    width:100%;
}

/* Force completely remove underline layout artifacts on dropdown elements */
.custom-nav-links .dropdown-toggle::after {
    width: auto !important;
    height: auto !important;
    background-color: transparent !important;
}

/* Generates right-side triangle symbol (Matches image_0a3224.jpg exactly) */
.custom-nav-links .dropdown-toggle::after {
    display: inline-block !important;
    content: "" !important;
    margin-left: 0.35em !important;
    vertical-align: 0.18em !important;
    border-top: 0.33em solid !important;
    border-right: 0.28em solid transparent !important;
    border-bottom: 0 !important;
    border-left: 0.28em solid transparent !important;
    opacity: 0.75;
    transition: transform 0.2s ease-in-out;
}

/* ==========================================
   Bootstrap Dropdown (Desktop + Mobile)
========================================== */

.dropdown-menu{
    display:none;
    border:0;
    padding:10px 0;
    border-radius:4px;
    box-shadow:0 10px 30px rgba(0,12,36,.08);
}

/* Bootstrap adds .show automatically */
.dropdown-menu.show{
    display:block;
}

/* Desktop hover support */
@media (min-width:1200px){

    .custom-nav-links .nav-item.dropdown:hover>.dropdown-menu{
        display:block;
        margin-top:15px;
    }

    .custom-nav-links .nav-item.dropdown:hover>.nav-link::after{
        transform:rotate(180deg);
    }
}

/* Mobile */
@media (max-width:1199.98px){

    .dropdown-menu{
        position:static !important;
        width:100%;
        float:none;
        margin:0;
        border:0;
        border-left:2px solid #dc3545;
        border-radius:0;
        box-shadow:none;
        background:#f8fafc;
    }

    .dropdown-menu.show{
        display:block;
    }

    .dropdown-item{
        white-space:normal;
        padding:.75rem 1rem;
    }
}


/* ==========================================================================
   6. MOBILE RESPONSIVE NAVBAR
   ========================================================================== */

.active-item {
    background-color: rgba(10,25,49,.05) !important;
    color: #dc3545 !important;
    font-weight: 700;
}


@media (max-width:1199.98px){

    .navbar{
        padding-top:.75rem;
        padding-bottom:.75rem;
    }

/*    .navbar-brand{
        max-width:75%;
    }

    .navbar-logo{
        max-height:55px;
        width:auto;
    }*/

    .custom-nav-links{
        padding-top:1rem;
        padding-bottom:.5rem;
    }

    .custom-nav-links .nav-item{
        width:100%;
        border-bottom:1px solid rgba(0,0,0,.05);
    }

    .custom-nav-links .nav-link{
        display:block;
        width:100%;
        padding:.85rem 0 !important;
        white-space:normal;
        word-break:break-word;
    }

    .navbar .dropdown-menu{
        position:static !important;
        width:100%;
        border:0;
        border-left:2px solid #dc3545;
        border-radius:0;
        box-shadow:none;
        background:#f8fafc;
        margin-top:.25rem;
    }

    .navbar .dropdown-item{
        white-space:normal;
        padding:.75rem 1rem;
    }

    .btn-submit-nav{
        display:block;
        width:100%;
        text-align:center;
        margin-top:.75rem;
    }
}

@media (max-width:767.98px){

    .top-bar{
        text-align:center;
    }

    .top-bar .container{
        gap:.5rem;
    }

    .top-links a{
        display:block;
        margin:.35rem 0 !important;
    }

    .navbar-brand{
        max-width:70%;
    }

    .navbar-logo{
        max-height:48px;
    }
}

@media (max-width:575.98px){

    .navbar-brand{
        max-width:68%;
    }

    .navbar-logo{
        max-height:42px;
    }

    .navbar-toggler i{
        font-size:1.8rem !important;
    }
}
/* ==========================================================================
   4. INTERACTIVE ACTIONS & BUTTON CONSTRAINTS
   ========================================================================== */
.btn-contact-nav {
    border: 1.5px solid var(--navy-blue);
    padding: 0.4rem 1rem !important;
    border-radius: 4px;
    color: var(--navy-blue) !important;
    transition: all 0.2s ease-in-out !important;
}

.btn-contact-nav:hover {
    background-color: var(--navy-blue);
    color: #ffffff !important;
}

.custom-nav-links .btn-submit-nav {
    background-color: var(--accent-red) !important;
    border: 1px solid var(--accent-red) !important;
    color: #ffffff !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.5rem 1.2rem !important;
    border-radius: 4px !important;
    line-height: 1 !important;
    margin-left: 0.5rem !important;
    box-shadow: 0 4px 10px rgba(210, 20, 58, 0.15);
    transition: all 0.2s ease-in-out !important;
}

.custom-nav-links .btn-submit-nav:hover {
    background-color: #B00E2F !important;
    border-color: #B00E2F !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(210, 20, 58, 0.3) !important;
    transform: translateY(-1px);
}

.custom-nav-links .btn-submit-nav i {
    font-size: 0.85rem !important;
    line-height: 1 !important;
}

/* ==========================================================================
   5. PROFILE LAYOUT PANELS & INTERNALS
   ========================================================================== */
.hero-banner .lead{
    font-size:1.08rem;
    line-height:1.7;
    max-width:760px;
}
.hero-banner {
    background: linear-gradient(135deg, rgba(5, 19, 41, 0.35) 0%, rgba(13, 35, 71, 0.35) 100%), 
                url('http://www.sentrivapublishers.com/assets/images/sentriva-publishers.webp');
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    min-height: 420px;
    position: relative;
}
.hero-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(to right, rgba(0, 12, 36, 0.9) 30%, rgba(10, 25, 49, 0.4) 100%);
    z-index: 1;
}

.article-card { transition: transform 0.2s ease; }
.article-card:hover { transform: translateY(-3px); }

.btn-accent {
    background-color: var(--accent-red);
    border-color: var(--accent-red);
    color: var(--pure-white);
    border-radius: 3px;
}
.btn-accent:hover { background-color: #B00E2F; color: white;}
.btn-outline-navy { border-color: var(--navy-blue); color: var(--navy-blue); }
.btn-outline-navy:hover { background-color: var(--navy-blue); color: white; }
.btn-xs { padding: 0.25rem 0.6rem; font-size: 0.75rem; }
.border-white-10 { border-color: rgba(255, 255, 255, 0.1) !important; }

.footer-links a {
    transition: padding-left 0.2s ease, color 0.2s ease;
}
.footer-links a:hover {
    color: var(--pure-white) !important;
    padding-left: 5px;
}

.back-to-publisher-link {
    color: #64748B !important; 
    font-size: 0.72rem !important;
    border-right: 1px solid #E2E8F0;
    padding-right: 1.25rem !important;
    margin-right: 0.5rem;
}

@media (max-width: 991.98px) {
    .back-to-publisher-link {
        border-right: none;
        padding-right: 0 !important;
        margin-right: 0;
        margin-bottom: 0.5rem;
    }
}
/*
.journal-hero-logo {
    max-height: 65px;
    width: auto;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3)); 
    background:url('<?php echo $final_hero_url;?>') center/cover;

}*/

/* Dynamic Hero Background Mapping Target */
section.hero-banner[data-hero-bg] {
    background-image: var(--hero-url);
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}

.horizontal-divider-danger { width: 50px; height: 3px; }
.nested-card-title { font-size: 1rem !important; font-weight: 700;}
.nested-card-paragraph { font-size: 0.95rem !important; line-height:1.65;}
.latest-article-card-heading { font-size: 0.88rem !important; line-height: 1.4 !important; }

/* Interface Input Forms & Dashboard Assets */
.tracking-input-field {
    border: 1px solid #E2E8F0 !important;
    font-family: var(--font-interface) !important;
    font-size: 0.9rem !important;
    color: #1E293B !important;
    padding: 0.65rem 0.85rem !important;
    background-color: #FFFFFF !important;
    transition: all 0.2s ease-in-out !important;
}

.tracking-input-field:focus {
    border-color: var(--accent-red) !important;
    box-shadow: 0 0 0 3px rgba(210, 20, 58, 0.1) !important;
    outline: 0 !important;
}

.alert-success { background-color: #F0FDF4 !important; border-left: 4px solid #16A34A !important; color: #166534 !important; }
.alert-danger { background-color: #FEF2F2 !important; border-left: 4px solid #DC2626 !important; color: #991B1B !important; }
.table th { font-size: 0.72rem !important; font-weight: 700 !important; letter-spacing: 0.06rem !important; color: #0A1931 !important; }
.table td { font-size: 0.8rem !important; padding-top: 1rem !important; padding-bottom: 1rem !important; }
.border-hover-danger { transition: all 0.2s ease-in-out; }
.border-hover-danger:hover { border-color: var(--accent-red) !important; background-color: #FFF5F5 !important; color: var(--accent-red) !important; }
.bg-danger-subtle { background-color: #FEF2F2 !important; color: #991B1B !important; }
.bg-success-subtle { background-color: #F0FDF4 !important; color: #166534 !important; }

.border-hover-danger:hover {
    border-color: #DC3545 !important;
    transform: translateY(-1px);
}
.transition-all {
    transition: all 0.2s ease-in-out;
}
.min-vh-50 {
    min-height: 50vh;
}
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.core-mandate{
    background-color: #f7f9fc; border-color: #e9ecef !important;
}
.cta-button:hover, .widget-select-button:hover{
background-color: #000C24;
}
.btn-sm{
    font-size:0.85rem;
}


/*.journal-hero{

background: linear-gradient(135deg, rgba(5, 19, 41, 0.35) 0%, rgba(13, 35, 71, 0.35) 100%), 
                url('http://www.sentrivapublishers.com/assets/images/sentriva-publishers.webp');
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    min-height: 420px;
    position: relative;

padding:120px 0;

}*/
.journal-hero{
    min-height:650px;
    display:flex;
    align-items:center;
}
.hero-overlay{

position:absolute;

inset:0;

background:rgba(6,18,40,.2);

}

.journal-info-card{

background:#fff;

padding:35px;

border-radius:15px;

box-shadow:0 20px 60px rgba(0,0,0,.15);

}

.info-item{

display:flex;

justify-content:space-between;

padding:14px 0;

border-bottom:1px solid #ececec;

}

.journal-stats{

background:#0b2343;

padding:50px 0;

}

.stat-card{

background:#fff;

padding:35px;

text-align:center;

border-radius:12px;

transition:.3s;

height:100%;

}

.stat-card:hover{

transform:translateY(-8px);

}

.stat-card i{

font-size:40px;

color:#dc3545;

margin-bottom:20px;

}

.scope-card{

background:#fff;

padding:35px;

border-radius:15px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.scope-item{

padding:12px 0;

border-bottom:1px solid #eee;

}

.scope-item i{

color:#dc3545;

margin-right:10px;

}

.feature-box{

background:#fff;

padding:25px;

border-radius:12px;

margin-bottom:25px;

box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.feature-box i{

font-size:35px;

color:#dc3545;

margin-bottom:15px;

display:block;

}

.section-title{

letter-spacing:2px;

font-size:13px;

color:#dc3545;

font-weight:700;

text-transform:uppercase;

}


.article-card{
background:#fff;
border-radius:15px;
padding:15px;
height:100%;
transition:.3s;
box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.article-card:hover{
transform:translateY(-8px);
}

.article-type{
display:inline-block;
background:#dc3545;
color:#fff;
padding:5px 12px;
border-radius:30px;
font-size:12px;
margin-bottom:20px;
}

.article-footer{
display:flex;
justify-content:space-between;
margin-top:25px;
padding-top:20px;
border-top: 1px solid #eee;
}

.publish-box,
.metric-box,
.editor-card,
.issue-cover{
background:#fff;
padding:35px;
border-radius:15px;
text-align:center;
box-shadow:0 15px 35px rgba(0,0,0,.05);
height:100%;
transition:.3s;
}

.publish-box:hover,
.metric-box:hover,
.editor-card:hover,
.issue-cover:hover{
transform:translateY(-6px);
}

.publish-box i,
.editor-card i,
.issue-cover i{
font-size:45px;
color:#dc3545;
margin-bottom:20px;
display:block;
}

.metric-box h2{
font-size:42px;
color:#dc3545;
font-weight:700;
}

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

.sp-footer{
    background:linear-gradient(145deg,#071426 0%,#0A1931 100%);
}

.sp-footer-logo{
    font-family:'Cardo',serif;
    letter-spacing:1px;
}

.sp-footer-about{
    line-height:1.65;
    font-size:.82rem;
}

.sp-social{
    width:32px;
    height:32px;
}

.sp-footer-title{
    font-family:'Cardo',serif;
    letter-spacing:.8px;
}

.sp-footer-divider{
    width:25px;
    height:2px;
    background:#dc3545;
    border-radius:1px;
}

.sp-footer-list{
    font-size:.8rem;
}

.sp-open-access-box{
    background:rgba(255,255,255,.02);
}

.sp-open-title{
    font-size:.68rem;
}

.sp-open-text{
    font-size:.65rem;
    line-height:1.2;
}

.sp-footer-bottom{
    font-size:.75rem;
}

.hover-link{
    transition:color .2s ease,padding-left .2s ease;
}

.hover-link:hover{
    color:#fff!important;
    padding-left:4px;
}

.x-small{
    font-size:.72rem;
}

.py-2-5{
    padding-top:.65rem;
    padding-bottom:.65rem;
}

.p-2-5{
    padding:.65rem;
}

.font-xs{
    font-size:.85rem;
}


/* Section Base Backgrounds */
.bg-stone { background-color: #f7f9fc; }
.style-index { z-index: 5; }
.p-2.5 { padding: 0.75rem !important; }

/* Custom Brand Typography Colors */
.custom-navy-text { color: #0A1931; }

/* Hero Branding Layout Vectors */
.custom-hero-gradient {
    background: linear-gradient(145deg, #071426 0%, #0A1931 100%);
}
.hero-badge-text {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 1.5px;
}
.hero-main-heading {
    letter-spacing: 0.5px;
    line-height: 1.2;
}
.hero-sub-paragraph {
    max-width: 750px;
    line-height: 1.35;
}

/* Side Info Panel Elements */
.side-panel-blur {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.side-panel-text {
    font-size: 0.78rem;
}

/* Text Sizing Blocks & Line Accents */
.section-sub-tag {
    font-size: 0.68rem;
    letter-spacing: 1px;
}
.line-rule {
    width: 45px;
    height: 3px;
    background-color: #dc3545;
    border-radius: 2px;
}
.core-mission-text {
    font-size: 0.95rem;
    line-height: 1.7;
}

/* Pillars Component List & Grid Cards */
.panel-inner-heading {
    color: #0A1931;
    font-size: 0.85rem;
}
.custom-list-item {
    font-size: 0.82rem;
}
.custom-icon-bg {
    background-color: #0A1931;
}
.grid-desc-text {
    font-size: 0.82rem;
}

/* Call-To-Action Element Mappings */
.cta-paragraph {
    max-width: 550px;
    font-size: 0.88rem;
}
.cta-button {
    background-color: #0A1931;
}

/* Ambient Vector Lighting Circles */
.absolute-decor-circle {
    position: absolute;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(220, 53, 69, 0.08) 0%, rgba(0,0,0,0) 70%);
    top: -100px;
    right: -50px;
    z-index: 1;
}
.backdrop-blur {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(8px);
}

                        .text-justify { text-align: justify; }
                        .policy-block { margin-bottom: 2.5rem; }
                        .policy-block:last-child { margin-bottom: 0; }

                    /* Standard paragraph style */
/*==========================================
  Global Paragraph Style
==========================================*/

.sp-paragraph {
  margin: 0;
  color: var(--sp-text-color, #4b5563);
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  text-align: justify;
  text-justify: inter-word;
  letter-spacing: 0.01em;
  overflow-wrap: anywhere;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}

/* Paragraph with white text (Hero/Dark Background) */

.sp-paragraph-light{
    color:rgba(255,255,255,.88);
}

/* Small Paragraph */

.sp-paragraph-sm{
    font-size:.94rem;
    line-height:1.8;
}

/* Large Paragraph */

.sp-paragraph-lg{
    font-size:1.08rem;
    line-height:2;
}

/* Center Paragraph */

.sp-paragraph-center{
    text-align:center;
}

/*==========================================
  Responsive
==========================================*/

@media (max-width:768px){

    .sp-paragraph{
        text-align:left;
        font-size:.97rem;
        line-height:1.8;
    }

    .sp-paragraph-lg{
        font-size:1rem;
    }

}
.sp-hero{
    background:linear-gradient(145deg,#071426,#0A1931);
}
.sp-hero-text {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 1.1rem;
    line-height: 1.9;
    font-weight: 400;
    color: rgba(255,255,255,.88);
    max-width: 760px;
    margin-bottom: 0;
}
.sp-card-text {
    font-size: .92rem;
    line-height: 1.7;
    color: #6B7280;
    margin-bottom: 0;
}

@media (max-width:768px){



    .sp-hero-text{
        font-size:1rem;
        line-height:1.75;
    }

}

/* Professional Policy List */
.sp-policy-list{
    margin:0;
    padding-left:1.4rem;
    list-style:none;
}

.sp-policy-list li{
    position:relative;
    margin-bottom:1rem;
    padding-left:1.6rem;
    font-size:.96rem;
    line-height:1.8;
    color:#374151;
}

.sp-policy-list li:last-child{
    margin-bottom:0;
}

.sp-policy-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:.7rem;
    width:8px;
    height:8px;
    background:#C62828;
    border-radius:50%;
}

.sp-policy-list strong{
    color:#0A1931;
    font-weight:600;
}
@media (max-width:768px){

    .sp-policy-list li{
        font-size:.94rem;
        line-height:1.7;
        padding-left:1.4rem;
    }

}
.sp-glass-card{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.1);
    backdrop-filter:blur(4px);
}
.bg-stone { background-color: #f7f9fc; }
.style-index { z-index: 5; }
.p-2.5 { padding: 0.75rem !important; }
.p-3.5 { padding: 0.9rem !important; }
.ps-3.5 { padding-left: 1.15rem !important; }
.custom-navy-text { color: #0A1931; }

/* Hero Branding Layout Vectors */
.custom-hero-gradient {
    background: linear-gradient(145deg, #071426 0%, #0A1931 100%);
}
.hero-badge-text {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 1.5px;
}
.hero-main-heading {
    letter-spacing: 0.5px;
    line-height: 1.2;
}
.hero-sub-paragraph {
    max-width: 750px;
    line-height: 1.65;
}

/* Side Info Panel Elements */
.side-panel-blur {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.side-panel-text {
    font-size: 0.78rem;
}

/* Typography Accents & Lines */
.section-sub-tag {
    font-size: 0.68rem;
    letter-spacing: 1px;
}
.line-rule {
    width: 45px;
    height: 3px;
    background-color: #dc3545;
    border-radius: 2px;
}
.workflow-body-text {
    font-size: 0.95rem;
    line-height: 1.65;
}
.checklist-text {
    font-size: 0.88rem;
}

/* Right Widget Card Core Settings */
.side-sticky-widget {
    top: 20px;
}
.checklist-widget-text {
    font-size: 0.85rem;
}
.widget-cta-heading {
    font-size: 0.8rem;
}
.widget-cta-desc {
    font-size: 0.75rem;
}
.widget-submit-button {
    font-size: 0.72rem; 
    background-color: #dc3545;
}
.widget-select-button {
    font-size: 0.72rem; 
    background-color: #0A1931;
}

/* Ambient Visual Blur Lights */
.absolute-decor-circle {
    position: absolute;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(220, 53, 69, 0.08) 0%, rgba(0,0,0,0) 70%);
    top: -100px;
    right: -50px;
    z-index: 1;
}
.backdrop-blur {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.text-justify { text-align: justify; }
                        .license-block { margin-bottom: 2.5rem; }
                        .license-block:last-child { margin-bottom: 0; }

                        .bg-stone { background-color: #f7f9fc; }
.style-index { z-index: 5; }

.absolute-decor-circle {
    position: absolute;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(220, 53, 69, 0.08) 0%, rgba(0,0,0,0) 70%);
    top: -100px;
    right: -50px;
    z-index: 1;
}

.line-rule {
    width: 45px;
    height: 3px;
    background-color: #dc3545;
    border-radius: 2px;
}

.pb-1.5 { padding-bottom: 0.4rem !important; }
.p-2.5 { padding: 0.75rem !important; }
.p-3.5 { padding: 0.9rem !important; }

.scope-item {
    border-color: rgba(0,0,0,0.03) !important;
    transition: background-color 0.15s ease;
}
.scope-item:hover {
    background-color: rgba(10, 25, 49, 0.03) !important;
}
.line-clamp-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }


/*NEW CSS*/
/*==========================================
  Journal Hero
==========================================*/

.spp-hero{
    position:relative;
    overflow:hidden;
    padding:3rem 0;
    color:#fff;
    background:linear-gradient(135deg,#071426 0%,#0A1931 50%,#1D4E89 100%);
}

.spp-hero__shape{
    position:absolute;
    top:-120px;
    right:-120px;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(255,255,255,.05);
    filter:blur(10px);
}

.spp-hero__badge{
    display:inline-block;
    padding:.45rem .9rem;
    margin-bottom:1rem;
    border-radius:50rem;
    background:#C62828;
    color:#fff;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.spp-hero__title{
    margin-bottom:1.25rem;
    padding-left:1rem;
    border-left:5px solid #C62828;
    font-family: 'Cardo', Georgia, "Times New Roman", serif;
    font-size:2.6rem;
    font-weight:700;
    line-height:1.25;
    color:#fff;
    text-transform: none;
}

.spp-hero__description{
    max-width:760px;
    margin:0;
    color:rgba(255,255,255,.85);
    font-size:1.05rem;
    line-height:1.9;
}

/*==========================================
  Hero Card
==========================================*/
.spp-hero-card{
    padding: 1.5rem 2rem;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 1rem;
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 30px rgba(0,0,0,.15);
    text-align: center;
    transition: all .3s ease;
}

.spp-hero-card:hover{
    background: rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.25);
    transform: translateY(-4px);
}

.spp-hero-card__icon{
    display:block;
    margin-bottom:1rem;
    font-size:3rem;
    color:#C62828;
}

.spp-hero-card__title{
    margin-bottom:.75rem;
    font-family:"Cinzel",serif;
    font-size:1.25rem;
    font-weight:700;
    color:#fff;
}

.spp-hero-card__text{
    margin:0;
    color:rgba(255,255,255,.80);
    font-size:.95rem;
    line-height:1.8;
}

/*==========================================
  Responsive
==========================================*/

@media (max-width:991.98px){

    .spp-hero{
        padding:4rem 0;
        text-align:center;
    }

    .spp-hero__title{
        font-size:2rem;
        padding-left:0;
        border-left:none;
    }

    .spp-hero__description{
        text-align:left;
    }

}


/*==================================================
 Journals Section
==================================================*/

.spp-journals-section{
    padding:5rem 0;
    background:#f8fafc;
    border-bottom:1px solid #e5e7eb;
}

.spp-journals-header{
    margin-bottom:3.5rem;
}

.spp-journals-label{
    display:inline-block;
    margin-bottom:.75rem;
    color:#C62828;
    font-size:.8rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
}

.spp-journals-title, .spp-title{
    margin-bottom:1rem;
    font-family:"Cinzel",serif;
    font-size:2.2rem;
    font-weight:700;
    color:#0A1931;
}

.spp-section-divider{
    width:90px;
    height:4px;
    margin:0 auto;
    border-radius:10px;
    background:#C62828;
}

/*==================================================
 Journal Card
==================================================*/

.spp-journal-card{
    display:flex;
    flex-direction:column;
    height:100%;
    background:#fff;
    border-top:4px solid #EEf6FF;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.3s ease;
}

.spp-journal-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,.10);
}

.spp-journal-card__body{
    flex:1;
    padding:2rem;
}

.spp-journal-card__badges{
    display:flex;
    flex-wrap:wrap;
    gap:.6rem;
    margin-bottom:1.2rem;
}

.spp-badge{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    padding:.4rem .8rem;
    border-radius:50rem;
    font-size:.75rem;
    font-weight:600;
}

.spp-badge-success{
    background:#e8f7ef;
    color:#198754;
}

.spp-badge-primary{
    background:#e9f2ff;
    color:#0d6efd;
}

.spp-journal-card__title{
    margin-bottom:1rem;
    font-family:"Cinzel",serif;
    font-size:1.35rem;
    font-weight:700;
    color:#0A1931;
    line-height:1.45;
}

.spp-journal-card__description{
    margin:0;
    color:#6b7280;
    font-size:.95rem;
    line-height:1.8;
    text-align:justify;

    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

/*==================================================
 Footer
==================================================*/

.spp-journal-card__footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:1rem;
    padding:.5rem 2rem;
    background:#eef6ff;
    border-top:1px solid #dbe7f5;
}

.spp-journal-card__issn{
    display:flex;
    align-items:center;
    color:#6b7280;
    font-size:.88rem;
    font-weight:600;
}

.spp-journal-card__issn i{
    color:#198754;
    font-size:1.4rem;
}

.spp-journal-card__button{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding:.3rem 1rem;
    border:1px solid #0A1931;
    border-radius:6px;
    color:#0A1931;
    font-size:.72rem;
    font-weight:700;
    text-decoration:none;
    text-transform:uppercase;
    transition:.25s;
}

.spp-journal-card__button:hover{
    background:#0A1931;
    color:#fff;
}

/*==================================================
 Empty State
==================================================*/

.spp-empty-journal{
    max-width:650px;
    margin:auto;
    padding:3rem;
    text-align:center;
    background:#fff;
    border:2px dashed #d1d5db;
    border-radius:12px;
}

.spp-empty-journal i{
    display:block;
    margin-bottom:1rem;
    font-size:3.5rem;
    color:#9ca3af;
}

.spp-empty-journal__title{
    margin-bottom:.75rem;
    font-family:"Cinzel",serif;
    font-size:1.5rem;
    font-weight:700;
    color:#0A1931;
}

.spp-empty-journal__text{
    margin:0;
    color:#6b7280;
    line-height:1.8;
}

/*==================================================
 Mobile
==================================================*/

@media (max-width:768px){

    .spp-journals-title, .spp-title{
        font-size:1.8rem;
    }

    .spp-journal-card__footer{
        flex-direction:column;
        align-items:flex-start;
    }

    .spp-journal-card__button{
        width:100%;
        justify-content:center;
    }

}


/*==========================================
  Publishing Standards Section
==========================================*/

.spp--standards-section{
    padding:5rem 0;
    background:#ffffff;
    border-bottom:1px solid #e5e7eb;
}

.spp--standards-header{
    margin-bottom:3.5rem;
}

.spp--standards-label{
    dispp-lay:inline-block;
    margin-bottom:.75rem;
    color:#C62828;
    font-size:.8rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spp-acing:2px;
}

.spp--standards-title{
    margin-bottom:1rem;
    font-family:"Cinzel",serif;
    font-size:2.2rem;
    font-weight:700;
    color:#0A1931;
}

/*==========================================
  Standard Card
==========================================*/

.spp--standard-card{
    height:100%;
    padding:2rem;
    background:#f8fafc;
    border-left:4px solid #0A1931;
    border-radius:12px;
    transition:.3s ease;
    box-shadow:0 8px 20px rgba(0,0,0,.04);
}

.spp--standard-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 35px rgba(0,0,0,.08);
    border-left-color:#C62828;
}

.spp--standard-card__header{
    dispp-lay:flex;
    align-items:center;
    margin-bottom:1.25rem;
}

.spp--standard-card__icon{
    dispp-lay:flex;
    justify-content:center;
    align-items:center;
    width:54px;
    height:54px;
    margin-right:1rem;
    border-radius:10px;
/*    background:#0A1931;
    color:#ffffff;*/
    font-size:1.4rem;
    flex-shrink:0;
}

.spp--standard-card__title{
    margin:0;
    font-family:"Cinzel",serif;
    font-size:1.3rem;
    font-weight:700;
    line-height:1.4;
    color:#0A1931;
}

.spp--standard-card__text{
    margin:0;
    color:#6b7280;
    font-size:.96rem;
    line-height:1.9;
    text-align:justify;
}

/*==========================================
  Respp-onsive
==========================================*/

@media (max-width:768px){

    .spp--standards-section{
        padding:4rem 0;
    }

    .spp--standards-title{
        font-size:1.8rem;
    }

    .spp--standard-card{
        padding:1.6rem;
    }

    .spp--standard-card__title{
        font-size:1.15rem;
    }

}

/*==========================================
 Membership Table
==========================================*/

.sp-membership-table{
    font-size:.92rem;
    border:1px solid #dee2e6;
}

.sp-membership-table thead{
    background:#f8fafc;
}

.sp-membership-table thead th{
    padding:1rem;
    color:#0A1931;
    font-family:"Roboto",sans-serif;
    font-size:.8rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    vertical-align:middle;
    border-bottom:2px solid #dee2e6;
}

.sp-membership-table tbody td{
    padding:1rem;
    vertical-align:top;
    color:#4b5563;
}

.sp-membership-price{
    color:#0d6efd;
    font-weight:700;
    white-space:nowrap;
}

/*==========================================
 Feature List
==========================================*/

.sp-feature-list{
    margin:0;
    padding:0;
    list-style:none;
}

.sp-feature-list li{
    display:flex;
    align-items:flex-start;
    gap:.6rem;
    margin-bottom:.7rem;
    line-height:1.7;
}

.sp-feature-list li:last-child{
    margin-bottom:0;
}

.sp-feature-list i{
    color:#198754;
    margin-top:3px;
    flex-shrink:0;
}

.sp-star-icon{
    color:#f59e0b !important;
}
/*==========================================
 Right Sidebar Button
==========================================*/

.spp-right-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    width:100%;
    padding:.3rem 1.05rem;
    background:#0A1931;
    color:#ffffff;
    border:2px solid #0A1931;
    border-radius:10px;
    font-family:"Roboto",sans-serif;
    font-size:.9rem;
    font-weight:600;
    text-decoration:none;
    letter-spacing:.5px;
    transition:all .3s ease;
    cursor:pointer;
}

.spp-right-button:hover{
    background:#C62828;
    border-color:#C62828;
    color:#ffffff;
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(198,40,40,.25);
}

.spp-right-button:focus{
    outline:none;
    color:#ffffff;
    box-shadow:0 0 0 .25rem rgba(10,25,49,.15);
}

.spp-right-button:active{
    transform:translateY(0);
    box-shadow:none;
}

.spp-right-button i{
    font-size:1rem;
    transition:transform .3s ease;
}

.spp-right-button:hover i{
    transform:translateX(4px);
}


/*==========================================
 Open Access Policy
==========================================*/


.spp-title i{
    color:#C62828;
    font-size:1.2rem;
}


/*==========================================
 Information Card
==========================================*/

.sp-info-card{
    padding:1.5rem;
    background:#f8fafc;
    border:1px solid #e5e7eb;
    border-radius:10px;
}

/*==========================================
 Feature List
==========================================*/

.sp-feature-list{
    margin:0;
    padding:0;
    list-style:none;
}

.sp-feature-list li{
    display:flex;
    align-items:flex-start;
    gap:.75rem;
    margin-bottom:.9rem;
    color:#4b5563;
    font-size:.96rem;
    line-height:1.8;
}

.sp-feature-list li:last-child{
    margin-bottom:0;
}

.sp-feature-list i{
    color:#198754;
    font-size:1rem;
    margin-top:3px;
}

/*==========================================
 Policy Table
==========================================*/

.sp-policy-table{
    margin-top:1.5rem;
    border-color:#dee2e6;
}


.sp-policy-table thead th{
    background:#ccc;
    color:#fff;
    font-size:.88rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.5px;
    vertical-align:middle;
}

.sp-policy-table td{
    color:#4b5563;
    font-size:.95rem;
    line-height:1.7;
    vertical-align:middle;
}

/*==========================================
 Right Sidebar
==========================================*/

.spp-right-card{
    padding:1.75rem;
    background:#ffffff;
    border:1px solid #e9ecef;
    border-radius:12px;
    box-shadow:0 .25rem 1rem rgba(0,0,0,.06);
    top:20px;
}

/*==========================================
 Policy Summary
==========================================*/

.sp-policy-summary{
    margin-top:1rem;
}

.sp-summary-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:.85rem 0;
    border-bottom:1px solid #ececec;
}

.sp-summary-row:last-child{
    border-bottom:none;
}

.sp-summary-row span{
    color:#6c757d;
    font-size:.95rem;
}

.sp-summary-row strong{
    color:#0A1931;
    font-size:.95rem;
    font-weight:600;
}

/*==========================================
 Sidebar Button
==========================================*/

.spp-right-button{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    gap:.6rem;
    width:100%;
    padding:.2rem 1.25rem;
    background:#0A1931;
    color:#fff;
    border:2px solid #0A1931;
    border-radius:8px;
    font-size:.9rem;
    font-weight:600;
    text-transform:uppercase;
    text-decoration:none;
    transition:.3s ease;
}

.spp-right-button:hover{
    background:#C62828;
    border-color:#C62828;
    color:#fff;
}

.spp-right-button i{
    transition:.3s;
}

.spp-right-button:hover i{
    transform:translateX(4px);
}

/*==========================================
 Responsive
==========================================*/

@media (max-width:991.98px){

    .spp-right-card{
        position:static !important;
        margin-top:2rem;
    }

}

@media (max-width:767.98px){





    .sp-policy-table{
        font-size:.85rem;
    }

    .sp-summary-row{
        flex-direction:column;
        align-items:flex-start;
        gap:.25rem;
    }

}

.card{
    border-radius:14px;
}

.form-control{
    border-radius:8px;
    box-shadow:none;
}

.form-control:focus{
    border-color:#dc3545;
    box-shadow:0 0 0 .15rem rgba(220,53,69,.15);
}

.btn-danger{
    border-radius:8px;
    font-weight:600;
}

.list-unstyled li{
    font-size:.95rem;
}



    /* ==========================================
   Pure CSS Nav Engine (No JS Needed)
   ========================================== */

:root {
    --sp-navy: var(--navy-blue);
    --sp-accent-red: var(--accent-red);
    --sp-accent-hover: var(--accent-red-hover);
    --sp-text-muted: rgba(255,255,255,.72);
    --sp-font-sans: var(--sans-body);
}

/* Top Bar Styles */
.sp-topbar {
    background-color: var(--sp-navy);
    padding: 0.5rem 0;
    font-size: 0.8125rem;
    color: var(--sp-text-muted);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sp-topbar-badge { color: #ffffff; font-weight: 600; }
.sp-topbar-divider { margin: 0 0.5rem; color: var(--sp-text-muted); }
.sp-topbar-link { color: var(--sp-text-muted); text-decoration: none; margin-right: 1rem; }
.sp-topbar-link:hover { color: #ffffff; }
.sp-topbar-cta { color: #ffffff; font-weight: 700; text-decoration: none; text-transform: uppercase; }

/* Main Navbar */
.sp-navbar {
    background-color: #ffffff;
    padding: 0.75rem 0;
    z-index: 1000;
}

.sp-brand-logo { max-height: 100px; width: auto; object-fit: contain; }
.sp-toggler { cursor: pointer; }

/* Desktop Navigation Menu */
.sp-nav-menu {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin-left: auto;
}

.sp-nav-item {
    position: relative;
}

.sp-nav-link {
    font-weight: 500;
    font-size: 0.9375rem;
    color: #333333;
    padding: 0.5rem 0.875rem;
    text-decoration: none;
    display: inline-block;
}

.sp-nav-link:hover, .sp-nav-link.active {
    color: var(--sp-accent-red);
}

.sp-caret {
    font-size: 0.75rem;
    transition: transform 0.2s ease;
}

/* PURE CSS DROPDOWN ENGINE */
.sp-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 230px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12);
    border-radius: 0.375rem;
    padding: 0.5rem 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.2s ease-in-out;
    z-index: 1050;
}

/* Trigger dropdown on hover OR click/focus without JS */
.sp-has-dropdown:hover .sp-dropdown-menu,
.sp-has-dropdown:focus-within .sp-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.sp-has-dropdown:hover .sp-caret,
.sp-has-dropdown:focus-within .sp-caret {
    transform: rotate(180deg);
}

.sp-dropdown-item {
    display: block;
    font-size: 0.875rem;
    padding: 0.5rem 0.5rem;
    color: #444444;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.sp-dropdown-item:hover {
    background-color: #f8f9fa;
    color: var(--sp-accent-red);
}

.sp-dropdown-icon { color: var(--sp-accent-red); }

.sp-btn-submit {
    background-color: var(--sp-accent-red);
    color: #ffffff;
    font-weight: 600;
    font-size: 0.875rem;
    padding: 0.5rem 1.25rem;
    border-radius: 0.375rem;
    text-decoration: none;
    display: inline-block;
}

.sp-btn-submit:hover { 
    background-color: var(--accent-red);
    color: #ccc; 
    
}

/* PURE CSS MOBILE NAVIGATION CONTROLS */
@media (max-width: 1199.98px) {
    .sp-nav-collapse {
        display: none;
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #ffffff;
        padding: 1rem;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }

    .sp-nav-menu {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .sp-nav-item {
        width: 100%;
    }

    .sp-dropdown-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border: none;
        background-color: #f8f9fa;
        margin-left: 0.5rem;
        display: none;
    }

    /* Open mobile navigation when the checkbox is checked */
    #sp-mobile-toggle:checked ~ .sp-navbar .sp-nav-collapse {
        display: block;
    }

    /* Open submenus on mobile focus/tap */
    .sp-has-dropdown:focus-within .sp-dropdown-menu,
    .sp-has-dropdown:hover .sp-dropdown-menu {
        display: block;
    }
}

.journal-cover{
    width:100%;
    height:260px;
    object-fit:cover;
    border-radius:12px;
    border:1px solid #e9ecef;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.article-card:hover .journal-cover{
    transform:scale(1.03);
}

@media (min-width:768px){

    .journal-cover{
        height:200px;
    }

}

@media (max-width:767.98px){

    .journal-cover{
        height:180px;
        margin-bottom:15px;
    }

    .journal-title{
        text-align:center;
        font-size:1.05rem;
    }

    .journal-tagline{
        text-align:center;
    }

    .card-body{
        padding:1.25rem !important;
    }

}

/* Volume List */
.list-group-item {
    border: 1px solid #e9ecef;
    border-radius: 8px !important;
    margin-bottom: 12px;
    padding: 12px 18px;
    font-weight: 600;
    color: #1f3a5f;
    transition: all .25s ease;
}

.list-group-item:hover {
    background: #f8f9fa;
    color: #b30000;
    border-color: #0760f5;
    transform: translateX(5px);
}

.list-group-item.active {
    background: #0760f5;
    border-color: #ccc;
    color: #fff;
    box-shadow: 0 4px 12px rgba(179, 0, 0, .2);
}

.list-group-item.active .font-third {
    color: #fff;
}


.icon-box{
    width:60px;
    height:60px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.5rem;
}

.hover-card{
    transition:.35s ease;
}

.hover-card:hover{
    transform:translateY(-8px);
    box-shadow:0 .8rem 2rem rgba(0,0,0,.12)!important;
}


.journal-sidebar {
    position: sticky;
    top: 100px;
}