
/* ==========================================
   SISCO NEWS - CUSTOM STYLING
   Typography: Proxima Nova
   ========================================== */


/* 1. INDIVIDUAL NEWS ARTICLE HEADLINES */

.theme-single-post .theme-blog-heading {
    font-family: "Proxima Nova", Arial, sans-serif !important;
    font-size: 44px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    margin-bottom: 24px !important;
}


/* 2. HIDE UNCATEGORIZED CATEGORY */

.theme-blog-category-container
li.theme-blog-category-list:has(
    a[href$="/Uncategorized"]
) {
    display: none !important;
}


/* 3. MAIN NEWS PAGE HEADING */

.theme-blog-h1 {
    display: block !important;
    visibility: visible !important;

    font-family: "Proxima Nova", Arial, sans-serif !important;
    font-size: 56px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    color: #003c77 !important;

    /* Spacing similar to Partners page */
    margin: 56px 0 64px !important;
    padding: 0 0 64px !important;

    /* Subtle horizontal divider */
    border: none !important;
    border-bottom: 1px solid #d9dee5 !important;
}


/* 4. NEWS PAGE SUBHEADING */

.theme-blog-h1::after {
    content: "Company announcements, partnerships, product updates, and industry events from SISCO." !important;

    display: block !important;
    visibility: visible !important;
    position: static !important;

    width: auto !important;
    max-width: 760px;
    height: auto !important;

    margin: 24px auto 0 !important;
    padding: 0 !important;

    font-family: "Proxima Nova", Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;

    letter-spacing: normal !important;
    text-transform: none !important;

    color: #003c77 !important;
    text-align: center !important;

    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;

    opacity: 1 !important;
    transform: none !important;
}


/* 5. MOBILE RESPONSIVE STYLING */

@media screen and (max-width: 767px) {

    /* Individual article headlines */
    .theme-single-post .theme-blog-heading {
        font-size: 30px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        margin-bottom: 16px !important;
    }

    /* Main News heading */
    .theme-blog-h1 {
        font-size: 36px !important;
        font-weight: 400 !important;
        margin: 28px 0 36px !important;
        padding-bottom: 36px !important;
    }

    /* News subheading */
    .theme-blog-h1::after {
        font-size: 16px !important;
        line-height: 1.5 !important;
        margin: 18px auto 0 !important;
        max-width: 90% !important;
    }
}

/* ==========================================
   SISCO - WEBSITE TEXT HYPERLINKS
   ========================================== */

/* Links within news articles and page text */

.theme-blog-single-post-content a[href],
.theme-content-container .zptext a[href] {
    color: #0078D4 !important;
    text-decoration: none !important;
    font-weight: 600;
    transition: color 0.2s ease;
}

/* Hover and keyboard focus */

.theme-blog-single-post-content a[href]:hover,
.theme-blog-single-post-content a[href]:focus-visible,
.theme-content-container .zptext a[href]:hover,
.theme-content-container .zptext a[href]:focus-visible {
    color: #005FA8 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

/* Keyboard focus indicator */

.theme-blog-single-post-content a[href]:focus-visible,
.theme-content-container .zptext a[href]:focus-visible {
    outline: 2px solid #0078D4;
    outline-offset: 3px;
}

/* ==========================================
   SISCO NEWS - HIDE CATEGORY COUNTS
   ========================================== */

.theme-blog-category-container .theme-blog-count {
    display: none !important;
}


/* ==========================================
   SISCO NEWS - CATEGORY SIDEBAR POSITION
   ========================================== */

/* Adjust sidebar position on desktop only */

@media screen and (min-width: 992px) {

    .theme-blog-category-column {
        position: relative !important;
        left: 24px !important;
        top: -30px !important;
    }

}

/* ==========================================
   SISCO NEWS - SPACE BETWEEN IMAGE AND TEXT
   ========================================== */

@media screen and (min-width: 992px) {

    .theme-blog-container-with-cover-image
    > .theme-blog-content {
        padding-left: 32px !important;
        box-sizing: border-box !important;
    }

}

/* ==========================================
   SISCO NEWS - PUBLICATION DATE STYLING
   ========================================== */

.theme-blog-container-with-cover-image
.sisco-news-date {
    font-family: "Proxima Nova", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #607D98;
    margin: 8px 0 16px;
}

/* Mobile styling */

@media screen and (max-width: 767px) {
    .theme-blog-container-with-cover-image
    .sisco-news-date {
        font-size: 13px;
        margin: 6px 0 12px;
    }
}
@media screen and (min-width: 992px) {
    .product-desc,
    .product-desc * { font-size: 16px !important; line-height: 26px !important; }
    .product-desc { height: 104px !important; min-height: 0 !important; overflow: hidden; }
}
@media screen and (max-width: 767px) {
    .hero-title,
    .hero-title * { font-size: 28px !important; line-height: 34px !important; }
    .hero-title br { display: none; }
}

/* =========================================
   Product pages: hero buttons
   'Request a Demo' = primary (solid cyan, first)
   'Download Product Sheet' = secondary (navy outline)
   ========================================= */
.zpelem-buttongroup:has(a[href$="/contact"]) .zpelem-buttonicon:nth-child(2) a.zpbutton {
    background: transparent !important;
    color: #003C77 !important;
    border: 2px solid #003C77 !important;
    box-shadow: none !important;
}
.zpelem-buttongroup:has(a[href$="/contact"]) .zpelem-buttonicon:nth-child(2) a.zpbutton:hover {
    background: #003C77 !important;
    color: #FFFFFF !important;
}
/* =========================================
   News page heading: bold, to match other page headings
   ========================================= */
.theme-blog-h1 {
    font-weight: 700 !important;
}
/* =========================================
   Homepage banner: newsletter link (white on navy, with breathing room)
   ========================================= */
.theme-content-container .zptext a[href][title="Sign up for the SISCO newsletter"], .theme-content-container .zptext a[href][title="Sign up for the SISCO newsletter"] * {
    color: #FFFFFF !important;
    text-decoration: underline !important;
}
.theme-content-container .zptext a[href][title="Sign up for the SISCO newsletter"]:hover, .theme-content-container .zptext a[href][title="Sign up for the SISCO newsletter"]:hover * {
    color: #00B7F1 !important;
}
.zpelem-text:has(a[title="Sign up for the SISCO newsletter"]) {
    margin-top: 6px !important;
    padding-bottom: 28px !important;
}
/* Homepage: remove white gap around closing banner (navy band sits flush) */
.zpsection:has(a[title="Sign up for the SISCO newsletter"]) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* Homepage: hide the empty spacer below the closing banner spacer */
.zpsection:has(a[title="Sign up for the SISCO newsletter"]) .zpelem-spacer {
    display: none !important;
}
/* end */

/* ==========================================
   Partners page: Technology Alliances cards
   (AVEVA, PCItek, PowerRunner) - top-align, equal logo band, neutral border
   ========================================== */
[data-element-id="elm_RkZCBLI3MK0LUrxXhMr8Zw"].zpelem-box.zpelement,
[data-element-id="elm_bVcauCcVCJGWDEm9XVkh5w"].zpelem-box.zpelement,
[data-element-id="elm_GWZvg3YAFrRksCpNmA_DRw"].zpelem-box.zpelement {
  justify-content: flex-start !important;
  border-color: #E1E5EA !important;
}
[data-element-id="elm_RkZCBLI3MK0LUrxXhMr8Zw"] .zpelem-image,
[data-element-id="elm_bVcauCcVCJGWDEm9XVkh5w"] .zpelem-image,
[data-element-id="elm_GWZvg3YAFrRksCpNmA_DRw"] .zpelem-image {
  height: 80px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 16px 0 !important;
}
[data-element-id="elm_RkZCBLI3MK0LUrxXhMr8Zw"] .zpelem-image img,
[data-element-id="elm_bVcauCcVCJGWDEm9XVkh5w"] .zpelem-image img,
[data-element-id="elm_GWZvg3YAFrRksCpNmA_DRw"] .zpelem-image img {
  max-height: 50px !important;
  max-width: 220px !important;
  width: auto !important;
  height: auto !important;
}



/* Technology Alliances cards: pin link block to card bottom */
[data-element-id="elm_RkZCBLI3MK0LUrxXhMr8Zw"] .zpelem-text,
[data-element-id="elm_bVcauCcVCJGWDEm9XVkh5w"] .zpelem-text,
[data-element-id="elm_GWZvg3YAFrRksCpNmA_DRw"] .zpelem-text {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}
[data-element-id="elm_RkZCBLI3MK0LUrxXhMr8Zw"] .zptext,
[data-element-id="elm_bVcauCcVCJGWDEm9XVkh5w"] .zptext,
[data-element-id="elm_GWZvg3YAFrRksCpNmA_DRw"] .zptext,
[data-element-id="elm_RkZCBLI3MK0LUrxXhMr8Zw"] .zptext > span,
[data-element-id="elm_bVcauCcVCJGWDEm9XVkh5w"] .zptext > span,
[data-element-id="elm_GWZvg3YAFrRksCpNmA_DRw"] .zptext > span {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}
[data-element-id="elm_RkZCBLI3MK0LUrxXhMr8Zw"] .zptext > span > div:last-child,
[data-element-id="elm_bVcauCcVCJGWDEm9XVkh5w"] .zptext > span > div:last-child,
[data-element-id="elm_GWZvg3YAFrRksCpNmA_DRw"] .zptext > span > div:last-child {
  margin-top: auto !important;
}


/* Technology Alliances cards: PowerRunner logo is wide and short, so allow more width to match visual weight */
[data-element-id="elm_GWZvg3YAFrRksCpNmA_DRw"].zpelem-box .zpelem-image img {
  max-width: 290px !important;
  max-height: 56px !important;
}

