@charset "utf-8";
/* CSS Document */

/* Custom Help Scout StyleSheet - by Devan Sabaratnam (founder of HR Partner - www.hrpartner.io) */
/* Color pallette chosen from https://coolors.co/54494b-7e8287-9da39a-b98389-db2955 */

/* === Updated Font Import === */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Red+Hat+Display:wght@400;500;600;700&display=swap');

body {
    background: #fbfbfc;
    font-family: 'Inter', sans-serif;
    /* Consider setting base font here if needed, e.g., font-family: 'Inter', sans-serif; */
}

.navbar .navbar-inner,
.navbar-inner {
    background-color: #061E33 !important;
    background-image: none !important;
    border: none !important;
}

/* Home Page Title */

#docsSearch h1 {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin-top: .4em;
    font-family: 'Red Hat Display', sans-serif;
    color: #008ABC;
    padding: 10px;
}
.navbar .nav li {
    display: inline-block;
    float: none;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    letter-spacing: .1em;
}
.navbar .nav li a, .navbar .icon-private-w {
    font-size: 14px;
    font-weight: 300;
}

/* Header Size & Dead-Center Alignment */

.navbar .navbar-inner {
    height: 60px !important;
}

/* 1. Lock header container width so Homepage (.container) and Category pages (.container-fluid) use the exact same grid */
.navbar .container,
.navbar .container-fluid,
.navbar-inner .container,
.navbar-inner .container-fluid {
    position: relative !important;
    max-width: 1140px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    height: 60px !important;
    box-sizing: border-box !important;
}

/* 2. Pin logo to the far left edge of the header container */
.navbar .brand {
    position: absolute !important;
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

a.brand > img {
    height: 38px !important;
    width: auto !important;
    max-width: 100% !important;
    display: block !important;
    filter: brightness(0) invert(1) !important;
    border: 0;
}

/* 3. Dead-center the navigation menu across all Help Scout default overrides (.pull-right) */
.navbar .nav,
.navbar .nav.pull-right,
.navbar .pull-right {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    height: 60px !important;
}

.navbar .nav li {
    display: inline-block !important;
    float: none !important;
    margin: 0 !important;
}

.navbar .nav li a {
    line-height: 60px !important;
    padding: 0 15px !important;
}
/* Home Page Search Bar Background */

#docsSearch {
    background: #ffffff;
    border-top: 1px solid #dadada;
    margin-bottom: 3em;
    padding: 1.5em 0;
}
/* Search Input Box */

input.search-query {
    padding-right: 14px;
    padding-right: 4px \9; /* Consider removing IE hack if no longer needed */
    padding-left: 14px;
    padding-left: 4px \9; /* Consider removing IE hack if no longer needed */
    margin-bottom: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-family: 'Inter', sans-serif;
    font-weight: 400; /* Very light weight */
    letter-spacing: 1px;
}
/* Home Page Category Title*/

.category-list h3 {
    color: #008ABC; /* Neutral alpha.one dark blue */
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3em;
    font-family: 'Red Hat Display', sans-serif;
}

/* Category Styles */

.category-list .category p {
    color: #061E33;
    font-family: 'Inter', sans-serif; 
    font-weight: 100; /* Very light weight */
    font-size: 15px;
    letter-spacing: 0.25px;
}
.category-list .category {
    background-color: #fff;
    background-position: top 32px center !important;
    background-repeat: no-repeat !important;
    background-size: 80px auto !important;
    box-shadow: 0 7px 4px -5px rgba(0, 0, 0, 0.05);
    border: 1px solid #eaeaea;
    border-radius: 6px;
    box-sizing: border-box;
    min-height: 183px;
    padding: 120px 20px 15px;
    position: relative;
    width: 31.5%;
    transition: all 0.2s;
}
.category-list .category:hover {
    text-decoration: none;
    background: #f7f7f9;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}

/* Collection Styles */

.collection-category h2 { /* This styles the title above category groups on homepage */
    font-weight: 600; /* From later override */
    margin: 0 0 20px;
    text-align: center;
    padding-left: 0%; /* Was 0.65% in later override */
    font-family: 'Red Hat Display', sans-serif;
    /* text-transform: uppercase; */ /* Was commented out */
    color: #061E33; /* From original rule */
    font-size: 22px;
    letter-spacing: 1px;
}

.collection-category h2 a { /* Links within those titles */
    color: #061E33; /* From later override, dark grayish brown */
    /* Needs font-family etc defined? Or inherits? */
}

.collection-category .category-list {
    margin: 0 0 4em;
    text-align: center;
}


/* --- Non-Article Link Styles (Homepage, Search Results, etc.) --- */
/* Modified to remove selectors now handled by #fullArticle a */
#serp-dd .result a,
#serp-dd .result>li.active,
/* #full-Article strong a, */ /* Removed */
.collection a,
/* .contentWrapper a, */ /* Removed assuming it's for articles */
.most-pop-articles .popArticles a,
.most-pop-articles .popArticles a span,
.category-list .category .article-count {
    font-weight: 500;
    letter-spacing: .25px;
    color: #008ABC; /* Alpha.one Dark Blue */
    margin-top: 15px; /* Applied to inline elements? Review needed */
    text-transform: capitalize; /* Keep capitalization here? */
    text-decoration: none;
    font-family: 'Inter', sans-serif;
}

#serp-dd .result a:hover,
#serp-dd .result>li.active,
/* #full-Article strong a, */ /* Removed */
.collection a,
/* .contentWrapper a, */ /* Removed assuming it's for articles */
.most-pop-articles .popArticles a, /* Note: Might need :hover here? */
.most-pop-articles .popArticles a:hover span,
.category-list .category .article-count,
.category-list .category:hover .article-count {
    font-weight: 500;
    letter-spacing: .25px;
    color: #008ABC; /* Dark Blue */
    margin-top: 15px; /* Applied to inline elements? Review needed */
    text-transform: capitalize; /* Keep capitalization here? */
    /* text-decoration: underline; */ /* Was commented out */
    font-family: 'Inter', sans-serif;
}

/* Home Page Search Button */

#searchBar button {
    color: #fff;
    text-shadow: 0 0px 0px rgba(255,255,255,.0);
    background: #008ABC; /* alpha.one dark Blue */
    border-radius: 0 5px 5px 0;
    border: 1px solid #008ABC;
    font-size: 18px;
    padding: 0 1.5em;
    height: 50px;
    position: absolute;
    font-family: 'Inter', sans-serif;
}
#searchBar button:hover {
    background: #006F96; /* Darker blue */
    text-shadow: 0 0px 0px rgba(255,255,255,.0);
    border: 1px solid #005094;
}
input, button, select, textarea { /* Base font for form elements */
    font-family: 'Inter', sans-serif,
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
}


/* === Category Images Section Start === */

/* Our platforms */
/* About junbi */ #category-276 { background-image: url(https://marketing.alpha.one/hubfs/1.%20alpha.one/Knowledge%20base/About%20our%20platforms/ABOUT%20JUNBI.png); }
/* About expoze */ #category-277 { background-image: url(https://marketing.alpha.one/hubfs/1.%20alpha.one/Knowledge%20base/About%20our%20platforms/ABOUT%20EXPOZE.png); }
/* About our api */ #category-003 { background-image: url(https://marketing.alpha.one/hubfs/1.%20alpha.one/Knowledge%20base/About%20our%20platforms/ABOUT%20API.png); }
/* About alpha.one */ #category-004 { background-image: url(https://marketing.alpha.one/hubfs/1.%20alpha.one/Knowledge%20base/About%20our%20platforms/ABOUT%20ALPHA.ONE.png); }

/* Custom size override for wider platform visuals to match single pin icon mass */
#category-276, 
#category-277, 
#category-003, 
#category-004 { 
    background-size: 137px auto !important; 
    background-position: top 8px center !important;
}

/* junbi */
/* Getting started */ #category-288 { background-image: url(https://marketing.alpha.one/hubfs/1.%20alpha.one/Knowledge%20base/junbi/GETTING%20STARTED%20JUNBI.png); }
/* Running predictions */ #category-336 { background-image: url(https://marketing.alpha.one/hubfs/1.%20alpha.one/Knowledge%20base/junbi/RUNNING%20PREDICTIONS%20JUNBI.png); }
/* Interpreting your results */ #category-313 { background-image: url(https://marketing.alpha.one/hubfs/1.%20alpha.one/Knowledge%20base/junbi/INTERPRETING%20YOUR%20RESULTS%20JUNBI.png); }
/* Frequently asked questions */ #category-304 { background-image: url(https://marketing.alpha.one/hubfs/1.%20alpha.one/Knowledge%20base/junbi/FREQUENTLY%20ASKED%20QUESTIONS%20JUNBI.png); }
/* Managing your account */ #category-327 { background-image: url(https://marketing.alpha.one/hubfs/1.%20alpha.one/Knowledge%20base/junbi/MANAGING%20YOUR%20ACCOUNT%20JUNBI.png); }
/* For admins */ #category-299 { background-image: url(https://marketing.alpha.one/hubfs/1.%20alpha.one/Knowledge%20base/junbi/FOR%20ADMINS%20JUNBI.png); }

/* expoze */
/* Getting started */ #category-342 { background-image: url(https://marketing.alpha.one/hubfs/1.%20alpha.one/Knowledge%20base/expoze/GETTING%20STARTED%20EXPOZE.png); }
/* Interpreting your results */ #category-345 { background-image: url(https://marketing.alpha.one/hubfs/1.%20alpha.one/Knowledge%20base/expoze/INTERPRETING%20YOUR%20RESULTS%20EXPOZE.png); }
/* Frequently asked questions */ #category-346 { background-image: url(https://marketing.alpha.one/hubfs/1.%20alpha.one/Knowledge%20base/expoze/FREQUENTLY%20ASKED%20QUESTIONS%20EXPOZE.png); }
/* Plugins & integrations */ #category-348 { background-image: url(https://marketing.alpha.one/hubfs/1.%20alpha.one/Knowledge%20base/expoze/MANAGING%20YOUR%20ACCOUNT%20EXPOZE.png); }
/* Managing your account */ #category-341 { background-image: url(https://marketing.alpha.one/hubfs/1.%20alpha.one/Knowledge%20base/expoze/MANAGING%20YOUR%20ACCOUNT%20EXPOZE.png); }
/* For admins */ #category-347 { background-image: url(https://marketing.alpha.one/hubfs/1.%20alpha.one/Knowledge%20base/expoze/FOR%20ADMINS%20EXPOZE.png); }
/* Educational plan */ #category-349 { background-image: url(https://marketing.alpha.one/hubfs/1.%20alpha.one/Knowledge%20base/expoze/EDUCATIONAL%20PLAN%20EXPOZE.png); }

/* api */
/* Developer documentation */ #category-450 { background-image: url(https://marketing.alpha.one/hubfs/1.%20alpha.one/Knowledge%20base/api/DEVELOPER%20DOCUMENTATION%20API.png); }

/* === Category Images Section End === */


/* Side Bar Styles */

#sidebar .nav-list a { /* Sidebar links */
    display: inline-block;
    color: #093558; /* Dark Blue */
    font-size: 14px;
    padding: 6px 15px 6px 0;
    line-height: 20px;
    margin-left: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 300; /* Light weight */
}
#sidebar .nav-list .active a,
#sidebar .nav-list .active a:hover,
#sidebar .nav-list .active a:focus { /* Active sidebar link */
    font-weight: 500; /* Medium weight */
    color: #008ABC; /* alpha.one dark Blue */
    background: 0 0;
    text-shadow: none;
    text-decoration: underline;
}
#sidebar h3 { /* Sidebar Section Titles */
    text-transform: uppercase;
    font-size: 16px;
    color: #7e8287; /* Gray */
    font-weight: 400;
    margin-bottom: 4px;
    font-family: 'Red Hat Display', sans-serif; /* Consistent with headings */
    letter-spacing: 2px;
}

/* === #fullArticle Styles Start === */
/* This section replaces the old article styles */

#main-content { /* Container for article area */
    background: none;
    float: right; /* Consider modern layout like Grid/Flexbox if refactoring */
    margin-bottom: 2em;
    padding: 32px 0 0 28px; /* Provides left padding */
}

/* --- Article Title (H1 equivalent) --- */
#fullArticle .title /* Add , .contentWrapper h1 if needed */ {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 24px;   /* Updated size */
    font-weight: 700;  /* Updated weight */
    color: #008ABC;   /* Updated color */
    margin: 0 30px 0.5em 0; /* Kept existing margin */
    text-transform: none; /* Ensure no capitalization */
}

#fullArticle .printArticle { /* Print icon positioning */
    position: absolute;
    right: 46px;
    top: 40px;
}

/* --- Article Headings H2-H4 --- */
#fullArticle h2 {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 22px;   /* Updated size */
    font-weight: 600;  /* Updated weight */
    color: #008ABC;   /* Updated color */
    text-transform: none; /* Ensure no capitalization */
    margin-top: 1.5em; /* Added margin for spacing */
    margin-bottom: 0.5em;
}

#fullArticle h3 {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 20px;   /* Updated size */
    font-weight: 500;  /* Updated weight */
    color: #454545;   /* Updated color */
    text-transform: none; /* Ensure no capitalization */
    margin-top: 1.2em; /* Added margin for spacing */
    margin-bottom: 0.4em;
}

#fullArticle h4 {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 18px;   /* Updated size */
    font-weight: 400;  /* Updated weight */
    color: #454545;   /* Updated color (matches body) */
    font-style: normal; /* Removed italic */
    text-transform: none; /* Ensure no capitalization */
    margin-top: 1em; /* Added margin for spacing */
    margin-bottom: 0.3em;
}

/* --- Article Body Text & Elements --- */
#fullArticle,
#fullArticle p,
#fullArticle ul,
#fullArticle ol,
#fullArticle li,
#fullArticle div, /* Consider if styling 'div' this way is safe */
#fullArticle blockquote,
#fullArticle dd,
#fullArticle table {
    font-family: 'Inter', sans-serif; /* Updated font */
    font-size: 15px;          /* Specified size */
    font-weight: 400;         /* Specified weight */
    color: #454545;          /* Specified color */
    letter-spacing: normal;   /* Reset letter-spacing */
    line-height: 1.6;         /* Added line-height for readability */
    text-transform: none;     /* Ensure no capitalization */
    margin-bottom: 1em; /* Add spacing below paragraphs/lists */
}
#fullArticle ul, #fullArticle ol {
    margin-left: 1.5em; /* Add indentation for lists */
    margin-bottom: 1em;
}
#fullArticle li {
    margin-bottom: 0.5em; /* Add spacing between list items */
}

/* --- Emphasis (Bold, Italic, Underline) --- */
/* No special rules needed. They inherit color/font/size. */
/* REMOVED: #fullArticle strong { color: #7e8287; } */

/* --- Links --- */
#fullArticle a {
    color: #061E33;           /* Specified color */
    font-weight: 700;         /* Specified bold weight (ensure Inter 700 is loaded) */
    text-decoration: underline; /* Default link underline */
    text-transform: none;     /* Ensure no capitalization */
    /* Inherits font-family ('Inter') */
}

#fullArticle a:hover {
    text-decoration: none; /* Example: Remove underline on hover */
    /* color: #007acc; */ /* Optional: Slightly darker blue on hover */
}

/* --- Images --- */
#fullArticle img {
    display: block;
    margin: 1em 0 2em;
    padding: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    max-width: 100%; /* Added for responsiveness */
    height: auto;    /* Added for aspect ratio */
}

/* === #fullArticle Styles End === */


#categoryHead .sort select { /* Category sort dropdown */
    width: 150px;
    height: 24px;
    margin: 0;
    line-height: 24px;
    font-size: 13px;
    color: #7e8287; /* Gray */
    font-family: 'Red Hat Display', sans-serif; /* Consistent with headings */
    font-weight: 300; /* Light */
}

/* Old H2-H4 styles for articles removed - replaced by new section */
/* Old Strong style for articles removed - replaced by new section */

.contentWrapper p { /* Appears to style category descriptions on homepage? */
    margin-top: -4px;
    word-wrap: break-word;
    font-family: 'Inter', sans-serif;
    color: #7e8287; /* Gray */
    font-weight: 300; /* Light */
    font-size: 16px; /* Slightly larger than article body */
    letter-spacing: .01em;
}

/* Article Footers */

.articleFoot p, .articleFoot time {
    color: #7e8287; /* Gray */
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-weight: 300; /* Light */
    font-style: italic;
}

/* Page Footers */

footer p a {
    color: #7e8287; /* Gray */
    font-family: 'Inter', sans-serif;
    font-weight: 300; /* Light */
    /* Add text-decoration? */
}


/* Contact Modal */

#contactModal h2, .abuse h2 {
    background: #fff;
    margin: 0;
    padding: 11px 0 10px 18px;
    font-size: 22px;
    border-bottom: 1px solid #ccc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-family: 'Red Hat Display', sans-serif; /* Consistent with headings */
    color: #008ABC; /* alpha.one Dark Blue */
    font-weight: 300; /* Light */
}
#contactModal .control-label {
    width: 110px;
    font-family: 'Red Hat Display', sans-serif; /* Consistent? */
    font-size: 14px;
    font-weight: 300; /* Light */
    color: #7e8287; /* Gray */
}

/* --- Button Styles --- */
/* Generic button styles */
.btn {
    color: #fff;
    text-shadow: 0 0px 0px rgba(255,255,255,.0);
    background: #008ABC; /* alpha.one dark Blue */
    border-radius: 5px;
    border: 1px solid #008ABC;
    font-size: 14px;
    padding: .5em 1em; /* Adjusted padding */
    font-family: 'Inter', sans-serif; /* Using Inter */
    font-weight: 500; /* Medium weight? */
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    color: #fff;
    text-shadow: 0 0px 0px rgba(255,255,255,.0);
    background: #006F96; /* Dark alpha.one blue */
    border: 1px solid #006F96; /* Dark aplha.one blue */
}

/* Specific override for search button hover? Seems redundant now */
/* #search-query .btn:hover { ... } */

/* Homepage category alignment fix */
.category-list {
    text-align: center;
}


/* === Responsive Section Start === */

/* Fix for making homepage category gallery go smoothly from 3 to 2 to 1 column */
@media screen and (max-width: 1105px) {
    section.category-list .category {
        width: 48.2%;
    }
}
@media screen and (max-width: 760px) {
    section.category-list .category {
        box-sizing: border-box;
        margin: 0 0 20px;
        padding: 120px 20px 15px;
        width: 100%;
    }
}

/* General Responsive Adjustments */
@media (max-width: 768px) {
    .navbar .btn-navbar {
        margin-top: 16px;
        right: -10px;
    }
    /* Related articles adjustments - Check if #related exists and needs styling */
    /* .related { padding: 30px 25px 25px; } */
    /* .related ul { margin-left: 0; } */
    /* .related h3 { padding-left: 0; } */
    /* .related ul>li a { margin-left: 0; } */
    #searchBar.sm {
        display: none !important; /* Hiding secondary search bar? */
    }
}

@media (max-width: 480px) {
    /* Search button icon handling on small screens */
    #searchBar button {
        color: transparent;
        text-shadow: 0;
        background: transparent; /* Makes button invisible? Check intent */
        border-radius: 0 5px 5px 0;
        border: 0;
        font-size: 18px; /* Larger icon? */
        padding: 0 1.5em;
        height: 50px;
        position: absolute;
    }
    #searchBar button .icon-search { /* Assumes icon font */
        display: block;
        text-shadow: none;
        margin-top: 15px;
        color: #008ABC; /* Make icon visible */
    }
    #searchBar button:hover .icon-search {
        /* background-color: transparent; */ /* Already transparent */
        color: #005094; /* Darker blue on hover */
    }
    #searchBar.sm {
        display: none !important;
    }

    /* Article heading adjustments on small screens */
    /* REMOVED: #fullArticle .title, .contentWrapper h1 { font-size: 24px; } */
    /* The new base size for .title is already 24px */
    #fullArticle h2 { font-size: 20px; } /* Slightly smaller H2 */
    #fullArticle h3 { font-size: 18px; } /* Slightly smaller H3 */
    /* H4 is already 18px, maybe make it 16px? */
    #fullArticle h4 { font-size: 16px; }
}

/* === Responsive Section End === */

/* Collection Titles Override Section - integrated into main .collection-category rule */
/* Original rules were: */
/* .collection-category h2 a { color: #54494b; } */
/* .collection-category h2 { font-weight: 400; margin: 0 0 20px; padding-left: .65%; font-family: 'Red Hat Display', sans-serif; text-align: center; } */